Javascript 文档就绪函数在嵌套html页面中不起作用：jQuery

我有一个HTML页面，其中有一个div

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

有

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

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

$（文档）.ready（函数（）{
$（“secondPage”）.load（“mySecondHtmlPage.html”）
})

这个mySecondHtmlPage.hmtl正在加载，但我希望在第二个html页面中有另一个准备好文档的函数，它不会启动

当我在该页面（第二个html）中有一个jQuery引用时，documentReady函数被触发，但它没有在div中正确加载

第二个html页面：

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

我的内容在这里
$（文档）.ready（函数（）{
警报（“”）；//未触发
})

---

当我有一个jQuery ref在顶部时，该警报将触发，但不会加载到第一个html页面。

加载页面后，您可以触发另一个事件：

$( "#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>

我的内容在这里
$（document）.on（'page-ready'，function（）{
警报（“”）；//未触发
});

---

阅读有关

.trigger（）

的更多信息，您应该使用iframe或XMLHttpRequest

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
       // Action to be performed when the document is read;
    }
};
xhttp.open("GET", "filename", true);
xhttp.send();

---

将

mySecondHtmlPage.html

中的所有javascript代码放在第一页中，或者最好将两个页面中的javascript分离到链接到第一页的专用javascript文件中

是否包含jquery库文件？忘记在jquery中加载页面

$（“#第二页”）。加载(“mySecondHtmlPage.html”）

让我们澄清一下-您正在将第二个页面装载到文档右侧？（否则当然不会启动ready..只是检查一下）