2011-10-15 2 views
3

파일. 당신이 볼 수 있듯이, 내가 JS 파일을로드하고있어언로드 외부의 .js 내가 AJAX와 약간의 HTML과 JS을로드하고있어

<!-- page-to-load.html ---> 
<script src="scripts-for-this-html.js"></script> 
<p>This is a HTML page working with above external .js file</p> 

, 스크립트를 위해 this- :는 HTML과 JS 파일이 포함 페이지에-load.html

<!-- main-page.html --> 
<html> 
... 
<script> 
$.ajax({ 
    type:"POST", 
    url:"page-to-load.html", 
    success:function(data) { 
    $("#some_id").html(data); 
    } 
}); 
</script> 
... 
</html> 

html.js

완벽하게 작동합니다. 문제는 다시로드 된 경우 (즉, "#some_id"가 비어 있고 page-to-load.html으로 다시로드 됨) 모든 스크립트 (scripts-for-this-html.js)는 다음과 같이 남아 있습니다. 브라우저 메모리 (예 :이 .js 파일에 이벤트가있는 경우이 이벤트는 DOM에서 스크립트 요소를 삭제 한 경우에도 파일을로드 한 횟수만큼 반복됩니다.)

이 작업을 수행 할 수있는 방법이 있습니까? 한 번에 모든 .js 파일을 포함하고 싶지 않습니다. (너무 많습니다.) 필요에 따라로드하고 언로드하려고합니다.

+1

코드가 * repeated * 인 문제가 있다면 몇 번이 아니라 한 번 코드를로드하는 것이 더 효과적이지 않습니까? – JCOC611

+1

요청에 따라 코드를 한 번로드하면 이전에 파일이로드되었는지 여부를 나타내는 변수가 있으므로 정규식을 통해 '

관련 문제