私はこの問題の解決策を探しました、そして私はこれに行きました:http: //blog.amcharts.com/2012/08/displaying-javascript-charts-in-tabs-or.htmlこれは十分に簡単に思えます。しかし、例に従ってそのコードを適用すると、タブが機能しなくなり、タブを切り替えることができなくなります。
URLでは、クリックしたタブに応じて変更がありますが、コンテンツは切り替わりません。タブも切り替わりません。2日間検索してもわかりません。私のコードの構造は次のようなものです。
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"); } });
タブに表示されているすべてのものを含む別のファイルを取得しました。これは、チャートが表示されるdivに加えて、チャートデータとチャート自体のJSコードを意味します(amChartsサイトの例のように)
これを修正する方法はありますか?私はその例のようにすべてを手に入れました(私はそれをコピーしました)が、2つのファイルに分けられました。