jqueryuiのAjaxのタブ内で、Googleの表を使用して

StackOverflow https://stackoverflow.com/questions/993662

質問

さて、このシナリオは少し複雑ですが、私は私ができる最善のようにそれを説明しようとします。

私はページにjQueryとjqueryuiを得るためにGoogleのAjaxライブラリAPIを使用していますので、私のページの上部には、次のようになります。

<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の視覚化テーブルAPIを使用しています見ることができるように。ページで私はタブに要求されたページをロードするためにAJAXを使用してjqueryuiタブコントロールを持っています。要求されたページでは、私は同じHTML頭を持っているので、同じジャバスクリプト。要求されたページにGoogleテーブルコントロールがあります。私は、このシナリオの下でページを実行すると、タブは空白のページが表示されます。私はGoogleのテーブルコントロールを表示だけで罰金（AJAXを通してそれを呼び出すことなく）自身によって要求されたページを実行すると。

私はAJAXにかなり新しいですので、私はちょうど何かが欠けているかもしれません。任意の助けいただければ幸いです。

- カイル

EDIT：？誰でも

役に立ちましたか？

解決

これに対する答えは、それが働いた理由を私はまだ説明できないものの、非常にシンプルであることが判明しました。私がしなければならなかったすべては2つの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>
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top