0

私はこの問題の解決策を探しました、そして私はこれに行きました：http: //blog.amcharts.com/2012/08/displaying-javascript-charts-in-tabs-or.htmlこれは十分に簡単に思えます。しかし、例に従ってそのコードを適用すると、タブが機能しなくなり、タブを切り替えることができなくなります。

URLでは、クリックしたタブに応じて変更がありますが、コンテンツは切り替わりません。タブも切り替わりません。2日間検索してもわかりません。私のコードの構造は次のようなものです。

  1. HTMLコード、タブ用のJSコード（amChartsサイトの例のように）、および別のファイルからタブにコンテンツをロードするための関数を含むファイルを取得しました。

    $("#zalozka_kalkulace").click(function(){
    $("#detail_ceny_switch_ceny").addClass("open");
    $("#detail_ceny_switch_ceny").removeClass("rucka");
    $("#detail_ceny_switch_ceny").css({ 'height' : '478px', 'margin-bottom' : '-360px', 'margin-right' : '-475px', 'float' : 'left', 'top' : '-360px', 'width' : '871px' });
    if($("#detail_ceny_grafy_kalkulaci").html() == ""){
        $("#detail_ceny_grafy_kalkulaci").load('./safe/kalkulace_grafy_all.php?k_stupen=<? echo $k_stupen; ?>&k_polozka=<? echo $co; ?>',function(){
            $("#detail_ceny_grafy_kalkulaci").removeClass("hidden");
        });
    }else{
        $("#detail_ceny_grafy_kalkulaci").removeClass("hidden");
    }
});

  2. タブに表示されているすべてのものを含む別のファイルを取得しました。これは、チャートが表示されるdivに加えて、チャートデータとチャート自体のJSコードを意味します（amChartsサイトの例のように）

これを修正する方法はありますか？私はその例のようにすべてを手に入れました（私はそれをコピーしました）が、2つのファイルに分けられました。

4

1 に答える 1

1

私はそれがそのように機能するとは思わない。jQuery.load によってロードされた JavaScript コードは実行されません。

解決策は、2 つの AJAX リクエスト (HTML の場合はjQuery.load 、JavaScript 部分の場合はjQuery.getScript) を使用して、HTML と JavaScript の部分を別々にロードすることです。または、ロードされたスクリプトを変更して、HTML アイテムも含めるようにすることをお勧めします。

すなわち:

メインスクリプトで：

$.getScript("./safe/kalkulace_grafy_all.php?k_stupen=<? echo $k_stupen; ?>&k_polozka=<? echo $co; ?>',function(){
  $("#detail_ceny_grafy_kalkulaci").removeClass("hidden");
});

読み込まれたスクリプトで:

$("#detail_ceny_grafy_kalkulaci").html('<div id="chartdiv"></div>');
var chart = new AmCharts.AmSerialChart();
....
chart.write("chartdiv");
于 2013-02-03T21:01:09.387 に答える