2

我有一个页面;让我们称它为 somepage.phtml,原始 PHP 值以 json 编码并作为值添加到 drawVisualization 函数(数据在那里,很好),该函数也在此页面上初始化。

然后这应该包含图表。

<div  id="visualization" style="width: 500px; height: 400px; display:block"></div>

然后我有中央 javascript 文件,其中包含使用 Jquery 编写的应用程序的函数。对于 Jquery、gVis,所有必需的脚本都已初始化。api。一切。

我想单击主页上的某个链接,并使 Jquery 对话框出现,其中包含从页面 somepage.phtml 加载的 Google 图表。

我试图加载图像、文本、其他 javascript、php vaules,一切正常,但不是这个图。

我在 Jquery 中的功能是这样的:

$('#shop-offers td.offer-graph a').click(function() {       
    var url = $(this).attr("href");     
    $.get(url, function(data) {
         $('<div></div>').html(data).dialog({
            modal: true,                
            minHeight: 350,
            minWidth: 550                       
                });
        });
    return false;
}); 

第一次单击后,没有触发对话框,没有任何反应。

第二次点击后,加载空白页面,不断从谷歌获取数据。

我也用谷歌操场上的图表尝试了这个,效果相同 - 没用。

对于示例图表,此时 Firebug 在脚本中输出:

function drawVisualization() {
var data = google.visualization.arrayToDataTable([["Name", "Height", "Smokes"],["Tong  Ning mu", 174, true], ["Huang Ang fa", 523, false], ["Teng nu", 86, true]]);
(new Google.visualization.ImageLineChart(document.getElementById("visualization"))).draw(data, null);
}

function drawVisualization() {
var data = google.visualization.arrayToDataTable([["Name", "Height", "Smokes"], ["Tong Ning mu", 174, true], ["Huang Ang fa", 523, false], ["Teng nu", 86, true]]);
(new google.visualization.ImageLineChart(document.getElementById("visualization"))).draw(data, null);
}

google.setOnLoadCallback(drawVisualization);
4

0 回答 0