내 index.html 파일에 다음 코드가 있습니다.
<div id="page-insert"></div>
function openPage(pageid) {
$('#page-insert').load(pageid);
}
openPage('testpage.html');
물론 jQuery와 같은 index.html과 Select2와 같은 일부 플러그인에 포함 된 스크립트 파일도 몇 개 있습니다. 내 플러그인은 div에로드 된 후 콘텐츠에서 작동하지 않습니다. 포함 된 JS 파일이 jQuery를 통해로드 된 콘텐츠에 적용되지 않는 것처럼 보입니다. 이 콘텐츠에 적용 할 파일을 얻으려면 어떻게해야합니까?
사용하는 모든 플러그인은 페이지가로드 될 때 DOM에서 사용 가능한 콘텐츠에서만 인스턴스화됩니다.
동적으로로드 된 콘텐츠에서 플러그인을 인스턴스화하려면 load()
다음과 같이 의 콜백을 사용해야합니다 .
function openPage(pageid) {
$('#page-insert').load(pageid, function() {
$(this).find('select').select2();
// other plugins here...
});
}
또한 동적으로 추가 된 콘텐츠에 첨부해야하는 이벤트 핸들러가있는 경우 위임 된 이벤트 핸들러 를 사용해야합니다 .
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다