Jquery는 첫 번째 페이지로드에서만 작동합니다 (Ajax paganation)

Question

문제 : jquery는 첫 번째 페이지를 제외한 나머지 ajax로드 페이지에 대한 앵커 링크의 클릭 이벤트를 트리거하지 않습니다.

이 주제와 관련하여 이미 많은 답변이 있지만 그 중 어떤 것도 저에게 효과적이지 않습니다.

것들 필자는 시도 :(PLS 잘못된 방법으로 그것을 구현할 수있는 look..I을) 클릭 이벤트 전에 먼저 div data-role="page"으로

1) 포장을 :

$('a[id^="preview"]').wrap('<div data-role="page" />'); 
//... click event code.. see below 

2)body을 사용하여 지정된 링크에서 이벤트 캡처

$('body').on('click','a[id^="preview"]',function(e) { 
//... click event code.. see below 

3) 스크립트를 머리 또는 몸에 두어 보았습니다.

4) 스크립트를 외부 또는 신체에 넣으려고 시도했습니다.

내가 시도한 모든 것이 실패합니다. 첫 번째 페이지에서 작업하고 있습니다.

---

여기 클릭 이벤트에 대한 내 코드이고 첫 번째로드에서 완벽하게 작동합니다 (1 페이지) :

$('a[id^="preview"]').on('click',function(e) { 
     alert('preview clicked'); 
}); 

참고 : 링크가 동적이기 때문에

내가 $('a[id^="preview"]')을 사용하고 있습니다 번호 접미사로 만들었습니다. 예 : 미리보기 1, 미리보기 2 ... 등.

Answer 1

예제를 단순화하고이 코드를 추가하여 여기에서 확장되면 작동하는지 확인하십시오.

데모 : http://jsfiddle.net/9hpaL/

$('button').click(function(){ 
$('body').append('<br><a href="#">Click me<a/>') 
}); 

$('body').on('click', 'a', function(){ 
alert('It works!'); 
});