在jqueryui中使用Google Table ajax選項卡

好的，這個場景有點複雜，但我會盡力解釋它。在jqueryui中使用Google Table ajax選項卡

我正在使用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。在請求的頁面上有一個谷歌表格控件。當我在這種情況下運行頁面時，選項卡顯示一個空白頁面。當我自己運行請求的頁面（不通過ajax調用它）時，Google表格控件顯示得很好。

我對AJAX相當陌生，所以我可能會錯過一些東西。任何幫助將不勝感激。

- 凱爾

編輯：任何人？

來源

2009-06-14 Kyle Gibbons

你可以發佈你的源代碼的例子嗎？ – 2009-06-23 23:54:34

答案很簡單，儘管我仍然無法解釋它爲什麼起作用。我所要做的只是在兩個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-28 20:00:30

在jqueryui中使用Google Table ajax選項卡

回答

相關問題