툴팁, Ajax로드 된 컨텐츠에서 작동하지 않는 JQuery 스크롤 막대

Question

.append()을 사용하여 다른 PHP 페이지의 페이지에서 동적 데이터를로드합니다. 문제는 다른 페이지의 내용에 jquery 스크롤 막대와 툴팁이 있다는 것입니다. jquery.js 및 나머지 자바 스크립트 코드를 해당 페이지에 포함 시키면 동적으로로드 된 내용이 jquery 스크롤 막대 및 툴팁과 잘 작동하지만 jquery를 해당 페이지에서 제거하면 원본 Windows 스크롤 막대 및 툴팁으로 바뀝니다. 해결책은 무엇입니까?

샘플 스크롤 코드,

$('div.box').scrollbars();// scrolbars

PS : 나는 .load() 또는으로 .Append()를 사용하는 동안 두 번째 페이지에서 스크립트 파일을 제거해야하는 이유는, 호스트 페이지까지 정지 동적 데이터가 완전히로드됩니다.

Answer 1

외부 파일에 스크립트 파일을 다시 추가하는 것은 나쁜 습관입니다. 대신 $('div.box').scrollbars();// scrolbars을 콜백에 추가해야합니다.

예 :

$("#samplediv").load('external_page.extension', function() 
{ 
    $("#samplediv").scrollbars(); 
});