JQuery影响Google图表显示
下面的代码显示了一个混乱的图表JQuery影响Google图表显示,jquery,google-visualization,Jquery,Google Visualization,下面的代码显示了一个混乱的图表 function() displayGoogleChart() { /* displays chart */ } $("#chartDiv").hide(); displayGoogleChart(); $("#chartDiv").show(); 但此代码显示良好，如下所示： $("#chartDiv").hide(); $("#chartDiv").show(); displayGoogleChart(); 为什么会发生这种情况？这可能与@dw
function() displayGoogleChart() {
/* displays chart */
}
$("#chartDiv").hide();
displayGoogleChart();
$("#chartDiv").show();
但此代码显示良好，如下所示：
$("#chartDiv").hide();
$("#chartDiv").show();
displayGoogleChart();
为什么会发生这种情况？这可能与@dwaddell评论的
谷歌用来确定各种图表项目的高度和宽度的方法有关
我会尝试使用一个容器div
来封装#chartsDiv
，看看在隐藏和显示包含div的内容时是否会发生同样的情况，可能是displayGoogleChart中的某个东西试图获取宽度或高度，或者其他css值，因为它被隐藏而返回意外值。