2016-12-01 6 views
0

私はHTML/JS初心者です。div内のhtmlページをインポートして「body onload」を実行

私はとHTMLページ "B.html" があります。ブラウザで正常にロードされている

<body onload="init()" > 
 
    -----other html/js stuffs

を。

私は "A.html" でdivの内側B.htmlを(タブ)を使用して、次のとおり、

<ul class="tab"> 
 
<li><a href="javascript:void(0)" class="tablinks" onclick="openTab(event, 'Main')">Main</a></li> 
 
......... 
 
</ul> 
 

 
<div id="Main" class="tabcontent"> </div> 
 
......... 
 

 
<script> 
 
$(function(){ $("#Main").load("B.html"); }); 
 

 
function openTab(evt, tabName) { 
 
......... 
 
</script>

openTab機能今、適切なdiv

を活性化タブを選択しますB.htmlを開くと、すべて正常に動作します。

私が前に書いたようにA.htmlの中にB.htmlを埋め込むことは、 "init"で初期化する必要があるjs関数を除いて動作します。私は明らかにbody onload="init()"を使用することはできません。すでにA.htmlの本文の中にあるので

どうすればいいですか?

答えて

4

負荷のコールバック関数の中でinit関数を呼び出します。

$("#Main").load("B.html", function() { 
    init(); 
}); 

負荷を約.load

詳しい情報を完了した後にコールバック関数が発射されます

関連する問題