중첩 된 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> 

내가 경고가 발사되지만이 1 HTML 페이지에로드 오지 못한 결과입니다 상단을 통해 jQuery를 심판이. 페이지가로드되면

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을 읽어보십시오.

Answer 2

첫 페이지에 mySecondHtmlPage.html에서 은 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(); 

Answer 3

장소 모든 자바 스크립트 코드를 사용, 또는 더 나은 당신이 링크를 자바 스크립트 파일 expernal에서 두 페이지에서 자바 스크립트를 분리한다 첫 번째 페이지