jQuery 모바일, 열린 대화

Question

jQuery Mobile로 전환하는 데 문제가 있습니다.

전환 효과를 만들 수 없습니다.

다음

내 코드는 ... 당신의 도움에 대한

<div id="main" data-role="content" data-theme="d"> 
<a href="#dialog" data-role="button" data-rel="dialog" data-transition="fade" data-inline="true">dialog</a> 
<!-- ... --> 
<div data-role="page" id="dialog"><!-- dialog--> 
    <div data-role="header" data-theme="e"> 
     <h1>Foo</h1> 
     </div> 
    <div data-role="content" data-theme="e"> 
     <p>Bar</p> 
    </div> 
</div> 
<!-- Footer --> 
jQuery('#page').live('pageinit', function() { 
    $('.widget ul').attr('data-inset', 'true').attr('data-theme', 'd').attr('data-dividertheme', 'b').attr('data-role', 'listview'); 
    $('.widget ul').listview(); 
}); 
jQuery('#page').live('changepage', function() { 
$('#dialog', 'pop', true, true); 
}); 

감사합니다.

감사, 데이터-역할에

V.

Answer 1

는 = "페이지"요소, 당신은 표시 페이지를 얻는 대신 "ID"의 데이터-REL = "대화"를 추가해야 대화 상자로

는 여기를 참조하십시오 : http://jquerymobile.com/test/docs/pages/page-dialogs.html

Answer 2

jQuery(document).delegate('#page', 'pageinit', function() { 
    $('.widget ul').attr('data-inset', 'true').attr('data-theme', 'd').attr('data-dividertheme', 'b').attr('data-role', 'listview').listview(); 
}).delegate('#page', 'changepage', function() { 
    $.mobile.changePage('#dialog', { 
     transition : 'pop', 
     role  : 'dialog'//this means you don't have to declare `data-role="dialog"` on the page if you don't want to 
    }); 
}); 

공지 나는 .listview() 함수 호출 및 두 번째 .delegate() 함수 호출을 체인. 또한 에 대해 .live()을 변경 한 이유는 jQuery 1.7부터 .live()이 감가 상각 되었기 때문입니다. 사용하는 페이지로 이동하려면 $.mobile.changePage() : http://jquerymobile.com/demos/1.1.0-rc.1/docs/api/methods.html