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 파일을 포함하고 싶지 않습니다. (너무 많습니다.) 필요에 따라로드하고 언로드하려고합니다.
코드가 * repeated * 인 문제가 있다면 몇 번이 아니라 한 번 코드를로드하는 것이 더 효과적이지 않습니까? – JCOC611
요청에 따라 코드를 한 번로드하면 이전에 파일이로드되었는지 여부를 나타내는 변수가 있으므로 정규식을 통해 '