文檔就緒函數不能在嵌套的html頁面中工作：jQuery

我有一個HTML頁面，它有1個div。文檔就緒函數不能在嵌套的html頁面中工作：jQuery

<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頁面加載得到。

來源

2016-07-15 sudhir

是你收錄的jquery庫文件嗎？ –

忘了在jquery中加載'＃'，在你的加載頁面$'（「＃secondPage」）。load（「mySecondHtmlPage.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>

瞭解更多關於.trigger()here。

來源

2016-07-15 10:43:03

你應該在第一頁使用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();

來源

2016-07-15 10:43:09

將所有的JavaScript代碼mySecondHtmlPage.html，或在expernal你鏈接到JavaScript文件這兩個頁面更好地分離的JavaScript第一頁

來源

2016-07-15 10:45:50 madalinivascu

文檔就緒函數不能在嵌套的html頁面中工作：jQuery

回答

相關問題