javascript - 文档就绪功能在嵌套 html 页面 : jQuery 中不起作用

Question

我有一个包含 1 个 div 的 HTML 页面。

<div id="secondPage"></div>

拥有

<script>
$(document).ready(function(){

$("secondPage").load("mySecondHtmlPage.html")
})
</script>

这个 mySecondHtmlPage.hmtl 正在加载，但我想在第二个 html 页面中有另一个文档就绪函数，它没有触发。

当我在那个页面(第二个 html)中有一个 jQuery 引用时，documentReady 函数也被触发，但它没有正确加载到 div 中。

第二个 html 页面:

<div>
 My Content  goes here
</div>
<script>
$(document).ready(function(){
alert(''); //Not firing 
})
</script>

当我在顶部有一个 jQuery 引用时，警报正在触发，但它没有加载到第一个 html 页面中。

Answer 1

您可以在页面加载后触发不同的事件:

$( "#secondPage" ).load( "mySecondHtmlPage.html", function() {
    $(document).trigger('page-ready');
});

然后在第二页使用这个:

<div>
     My Content  goes here
</div>
<script>
    $(document).on('page-ready', function(){
        alert(''); //Not firing 
    });
</script>

阅读更多关于 .trigger() here .