동적 콘텐츠를? 내가 jQuery를 모바일을 테스트하고있어 there-

Question

헤이는 질문이 있습니다. 필자는 일부 매개 변수를 기반으로 몇 개의 이미지를 움직이는 간단한 jQuery 플러그인을 작성했습니다. 아주 기본적인 것들. 이제 이것은 외부에 링크 된 모든 페이지에서 작동합니다 (rel = "external"). 그러나 내장 된 Ajax 구동 페이지 탐색을 사용하면 이후 페이지에 이미지가로드되지 않습니다. jQuery Mobile 내에서 동적으로 생성 된 컨텐츠로 작업 할 수있는 방법이 있습니까?

스크립트 :

$(document).ready(function(){ 
    $('#slideshow').rotator(50, 'img'); 
}); 

마크 업 :

... 
<div data-role="page"> 
    <div id="slideshow"> 
     <img src="images/1.png"> 
     <img src="images/2.png"> 
     <img src="images/3.png"> 
    </div> 
</div> 
... 

Answer 1

:

$(document).ready(function(){ 
    $("#pageID").live('pagebeforecreate',function(event){ 
    $('#slideshow').rotator(50,'img'); 
    }); 
}); 

Answer 2

그 이미지가 동적으로 생성되는 경우는 작성 후 $의 콜백 함수, $('#slideshow').rotator(50, 'img');을 수행해야합니다. 가장 가능성이 높은 아약스.

Answer 3

document.ready은 서브 페이지에 있으며 링크가 AJAX로로드 될 때 페이지 div 만 가져와 DOM에 넣으므로 머리글에 넣은 자바 스크립트가 작동하지 않으며 document.ready가 없습니다. 왜냐하면 AJAX는 결코 그것을 유발하지 않기 때문입니다.

당신은 페이지의 콘텐츠가 처음 생성 될 때 발생하고 거기에서 회전을 시작합니다 pagebeforecreate 이벤트에 바인딩 할 수