AJAX 로딩 된 페이지 내의 자바 스크립트

Question

페이지를 동적으로로드하고 div 안에 배치하지만 해당 페이지 내의 자바 스크립트는 실행되지 않습니다. 특히이 부분

<script type="text/javascript"> 
    $(document).ready(function(){ 

     $('#regForm').submit(function(e) { 
      register(); 
      e.preventDefault(); 
     }); 
    }); 
</script> 

Answer 1

는이 같은 getScript을 사용해야합니다 :

$('#foo').load('bar.html', function(){ 
    $.getScript("js/fileName.js"); 
    // call a function from fileName.js 
}); 

당신은 그 파일에 JS 코드를 넣어 그 getScript를 통해 전화를해야합니다 그리고 당신은 그것에서 함수를 호출 할 수 있습니다 위에 표시된대로. , <div>의 동적 <script> 태그가 포함 된 HTML로 가득 :

Answer 2

은 index.php를 당신의 자바 스크립트를 작성하거나이 현실에서 크로스 브라우저 문제가 document.ready

Answer 3

없이로드 페이지의 하단에 쓰기 이러한 스크립트가 실행될 수도 있고 실행되지 않을 수도 있습니다.이 동작은 브라우저간에 다를뿐만 아니라 브라우저 버전간에 차이가 있습니다.

제가 알고있는 유일한 해결책은 JS를 추출하고 별도로 보내고 <div> 콘텐츠가 설정된 후에 실행하는 것입니다.