jQuery 모바일 연결된 목록 pageInit(), $ (document) .ready()

Question

모바일 버전의 웹 페이지를 만들려고합니다. 내 문제는 jQuery 모바일 링크 된 목록을 사용하려면 아코디언 메뉴를 조작해야한다는 것입니다. 이렇게하려면 내가 JQuery와 전으로 메뉴를 조작 :

$(document).ready(function() { 
    $('#globalMenu').attr("data-role", "listview"); 
    .. .. . . .. 
}); 

내가 JQuery와 모바일 목록을 탐색하고 스크립트가 실행되지 않는 링크 중 하나를 누르면 그것은 내가 페이지를 처음로드하는 경우 잘 작동하지만, 하지만 페이지를 새로 고치면 (f5) 작동합니다! 필자는 문서 준비 대신 init을 사용해야한다는 것을 읽었지만 작동하도록 관리 할 수는 없습니다.

페이지 div를 가정하면 몇 가지 예

jQueryMobile event page

Answer 1

연락 드릴은 다음과 같이이다 :

<div id="my-page" data-role="page"> 

으로 시도 : (

$('#my-page').live('pageinit', function(event){ 
    $('#globalMenu').attr("data-role", "listview"); 
});