如何在动态插入的html文件中使用onload事件

时间:2016-04-01 05:49:11

标签: javascript jquery html css

如何在动态插入的html文件中使用onload事件。

例如

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

此行我在标签面板中使用。当我单击此选项卡面板标题时,sample.html文件将插入选项卡面板,在那段时间我需要触发onload文件中的sampel.html事件

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

1 个答案:

答案 0 :(得分:2)

我觉得有些事情需要澄清:

  • onload事件仅在&#34; main&#34; HTML页面(即window.document)首次完成加载。
  • 当您使用Ajax和JavaScript更改页面的一部分时,不会触发
  • onload事件(这是您在使用标签时实际发生的事情)。

您应该查阅您使用的任何标签框架的文档,它可能会提供其他事件来检测标签何时更改。

例如,jQuery有一个标签load事件:

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

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