2

好的，这个场景有点复杂，但我会尽力解释它。

我正在使用 Google Ajax Libraries API 将 jquery 和 jqueryui 放到页面上，所以我的页面顶部看起来像这样。

<head>
    <title>TBTNet</title>
    <link rel="stylesheet" type="text/css" href="_css/style.css">
    <link rel="stylesheet" type="text/css" href="_css/jquery-ui.css">

    <script src="http://www.google.com/jsapi"></script>

    <script>
        google.load("jquery", "1"); 
        google.load("jqueryui", "1"); 
        google.load('visualization', '1', {packages: ['table']});
    </script>

</head>

如您所见，我也在使用 Google Visualizations Table API。在页面上，我有一个 jqueryui 选项卡控件，它使用 AJAX 将请求的页面加载到选项卡中。在请求的页面上，我有相同的 html 头，所以相同的 javascript。在请求的页面上有一个 google table 控件。当我在这种情况下运行页面时，选项卡显示一个空白页面。当我自己运行请求的页面（不通过 ajax 调用它）时，谷歌表格控件显示得很好。

我对 AJAX 还很陌生，所以我可能只是遗漏了一些东西。任何帮助将不胜感激。

——凯尔

编辑：有人吗？

4

1 回答 1

1

答案很简单，尽管我仍然无法解释它为什么起作用。我所要做的就是在两个 jquery 之前移动可视化加载，现在一切正常。

<head>
    <title>TBTNet</title>
    <link rel="stylesheet" type="text/css" href="_css/jquery-ui.css">
    <link rel="stylesheet" type="text/css" href="_css/style.css">

    <script src="http://www.google.com/jsapi"></script>

    <script>
        google.load('visualization', '1', {packages: ['table']});
        google.load("jquery", "1"); 
        google.load("jqueryui", "1"); 
    </script>

    <!--<script src="_includes/js/jquery-ui.min.js"></script>-->

</head>
于 2009-08-28T20:00:30.110 回答