動的に挿入されたhtmlファイルでonloadイベントを使用する方法

Question

動的に挿入されたhtmlファイルでonloadイベントを使用する方法。例えば

<li><a href="sample.html></li> 

タブパネルに使用して、このラインイム。私はこのタブパネルヘッダーをクリックすると、sample.htmlファイルはタブパネルに挿入されますが、その時に私がsampel.htmlファイルにonloadイベントをトリガする必要が

<div id="tabs"> 
    <ul> 
    <li> 
     <a href="sample.html">load html file</a> 
    </li> 
    </ul> 
</div> 

Answer 1

私は何かを明確にする必要が感じる：

• onloadイベントは、「メイン」HTMLページ（つまりwindow.document）が初めてロードされたときにのみ起動されます。
• onloadイベントは、AjaxとJavaScriptを使用してページの一部を変更すると発生しません（これは、タブを使用しているときに実際に起こります）。

実際に使用したタブフレームワークのドキュメントを参照してください。おそらくタブが変更されたときに検出するための他のイベントがあります。例えば

、jQueryのタブloadイベントがあります：あなたは、タブのコンテンツでHTMLファイルをロードする必要があり、クリックイベントに

$(".selector").tabs({ 
    load: function(event, ui) {} 
}); 

// or 
$(".selector").on("tabsload", function(event, ui) {});