jQueryの読み込み - Googleの視覚化のページ

他のコンテンツを読み込む同じページにいくつかのリンクとdivを持つページがあります。そのコンテンツの一部はGoogleの視覚化チャートです。jQueryの読み込み - Googleの視覚化のページ

テストと同じように、私はGoogleラインチャートコードをポップしました。ページはそれ自体ではうまくロードされますが、divにロードしようとすると（jQueryを使用して）、動作しません。 Firefoxはgoogle.comからデータを転送して何もせず、IE6にはgoogleが定義されていないというJSエラーがあります。

なぜこれが問題になるのかはわかりませんが、ページはイントラネット上にあります。これがトラブルシューティングに役立ちます。事前に任意およびすべてのヘルプのための

おかげ..

ここでのdivにmainContent.htmlファイルをロードするコードがあります。すでにHTMLページの一部であるdiv要素の中にHTMLページ全体を詰め込むしようとmainContent.html

<html> 
    <head> 
    <script type="text/javascript" src="http://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load("visualization", "1", {packages:["linechart"]}); 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 
     var data = new google.visualization.DataTable(); 
     data.addColumn('string', 'Year'); 
     data.addColumn('number', 'Sales'); 
     data.addColumn('number', 'Expenses'); 
     data.addRows(4); 
     data.setValue(0, 0, '2004'); 
     data.setValue(0, 1, 1000); 
     data.setValue(0, 2, 400); 
     data.setValue(1, 0, '2005'); 
     data.setValue(1, 1, 1170); 
     data.setValue(1, 2, 460); 
     data.setValue(2, 0, '2006'); 
     data.setValue(2, 1, 860); 
     data.setValue(2, 2, 580); 
     data.setValue(3, 0, '2007'); 
     data.setValue(3, 1, 1030); 
     data.setValue(3, 2, 540); 

     var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
     chart.draw(data, {width: 400, height: 240, legend: 'bottom', title: 'Company Performance'}); 
     } 
    </script> 
    </head> 

    <body> 
    <div id="chart_div"></div> 
    </body> 
</html>

出典

2009-06-17 Anonymous

リンクを公開して、デバッグを見たり試したりできますか？ :) –

ちょうどいくつかのコードを含むように私の質問を編集しました.. –

の

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#A2W").click(function(){ 
       $("#loadContent").load("mainContent.html"); 
      }); 
     }); 
    </script>

内容は、災害のためのレシピです。あなたは、間違った場所にあるすべてのもので何をするのかをブラウザが試してみることになります。たとえば、挿入したばかりのヘッド>の要素を取ってください。それは理にかなっていないので、それがどこにあるかは分かりません。元の<html>の下に移動した場合、それは既存の<ヘッド>要素を置き換える必要がありますか？

次に、<のボディについては、既に本体が<です。それはそれを捨てるべきですか？それは< HTML内> <体を捨てるのでああ、それができない> < divの内側> ...

は、あなたがこのような何かを行うときに、ブラウザの動作することを言えば十分完全に定義されていません、それはおそらく、ただ手を絶望に投げ、何もしません。

出典

2009-06-17 17:10:29 NickFitz

うわ..それは非常に洞察力があった...すべてのそれらの側面について考えなかった。私はあなたが言っていることを理解しているので、もっと論理的になるように異なるスニペットのコードを配置して遊ぶ必要があります。これに関する他のヒントは？誰もこれを前にしたことがありますか？（私は最初ではないと確信しています） –

jQueryの読み込み - Googleの視覚化のページ

答えて

関連する問題