javascript - 如何在不改变尺寸的情况下使用 jQuery 隐藏/显示 div？

Question

我有一个持有谷歌图表的 div：

<div id="chart_div" style="width: 600px; height: 300px;"></div>

它有一个 CSS 属性：display: none.

单击一个按钮，我想使用 jQuery hide() 和 show() 显示图表。它正在工作，但是，图表的尺寸设置为与我指定的不同，并且拒绝更改为我指定的尺寸。

这是我的jQuery代码：

$(document).ready(function(){
    var chart = $('#chart_div'); 

    $('#submit').click(function(){
        chart.show('slow'); 
    });
});

如果您想查看更多代码，请告诉我。顺便说一句，图表 div 没有包含在其他任何内容中，所以这不是问题。

score 3 · Accepted Answer

你的 div 没问题。您必须使用 API 选项设置图表维度。看这里 -->自定义图表

// Set chart options
  var options = {'title':'How Much Pizza I Ate Last Night',
                 'width':400,
                 'height':300};

...

    var options = {
        title: 'Company Performance',
        width: 600,
        height: 300
    };

...

1 回答 1