AJAX 로드된 콘텐츠에서 JQuery 스크립트 실행

AJAX 로드된 콘텐츠에서 JQuery 스크립트 실행

저는 .load()를 사용하여 정적 HTML 파일을 메인 HTML 페이지로 끌어 올립니다.제가 작성한 스크립트와 셀렉터는 다음과 같습니다.

$(document).ready(function(){});

하지만 그들은 AJAX가 로드된 콘텐츠에서는 작동하지 않습니다.제가 사용하고 있는 셀렉터가 없어서 그렇다고 읽었습니다.

더 좋은 방법이 없을까요?window.load 기능에 스크립트를 추가해도 작동하지 않습니다.

$(window).load(function() {});

$(document).ajaxComplete(function(){
    // fire when any Ajax requests complete
})

ajax Complete()

다음 옵션이 하나 이상 있습니다.

1. 초기화 스크립트를 추가할 수 있습니다 [$(this).click...로의.callback의 기능을$.load()
2. 사용가능$.live(), 동적으로 로드되거나 생성된 개체에 대해서도 핸들러를 생성합니다.

자세한 내용:
콜백: http://api.jquery.com/load/ (notice 더 "complete()" 함수)
bind: http://api.jquery.com/live/

편집: 제 실수입니다.live(),것은 아니다.bind(), 고마워 얘들아

jQuery를 통해 동적으로 로드된 콘텐츠에 이벤트를 바인딩할 수 있습니다.$.live().

jQuery http://api.jquery.com/live/ 에서:

현재 및 미래의 선택기와 일치하는 모든 요소에 대한 핸들러를 이벤트에 연결합니다.

jQuery load는 ax-ed 컨텐츠가 로드된 후 필요한 모든 설정을 수행하는 데 사용할 수 있는 옵션 콜백 함수 인수를 사용합니다.

언급URL : https://stackoverflow.com/questions/4226316/running-jquery-scripts-on-ajax-loaded-content