lập trình mở một Dialog trong JQuery Mobile

Question

Tôi có một file .html đơn trông tương tự như sau:

<div id="myPage" data-role="page"> 
    <div data-role="header"> 
    <a href="#" data-icon="arrow-l" data-iconpos="notext" class="ui-btn-left jqm-home" onclick="backButton_Click();">Back</a> 
    <h1>My App</h1> 
    </div> 

    <div> 
    <input id="saveButton" type="button" value="Save" onclick="doStuff()" /> 
    </div> 

    <script type="text/javascript"> 
    function doStuff() { 
     var updatedText = getUpdatedText(); 
     $("#myMessage", "#myDialog").html(updatedText);      
     $.mobile.changePage("#myDialog", { role: "dialog" });  
    } 
    </script> 
</div> 

<div id="myDialog" data-role="page"> 
    <div id="myMessage"></div> 
    <input id="button1" type="button" value="Button 1" data-theme="b" onclick="someJS1();" /> 
    <input id="button2" type="button" value="Button 2" data-theme="c" onclick="someJS2();" /> 
</div> 

Khi "doStuff()" được gọi, tôi muốn thiết lập một thông báo tùy chỉnh trong văn bản trong hộp thoại của tôi và mở hộp thoại. Vì một lý do nào đó, tôi đã không thể mở myDialog. Đối với cuộc sống của tôi, tôi không thể tìm ra những gì tôi đang làm sai. Tôi đã xem xét các nội dung được đăng ở đây: http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-pages.html

Answer 1

Tôi nghĩ rằng bạn cần phải thiết lập vai trò của trang để thoại

<div id="myDialog" data-role="dialog"> 
    <div id="myMessage"></div> 
    <input id="button1" type="button" value="Button 1" data-theme="b" onclick="someJS1();" /> 
    <input id="button2" type="button" value="Button 2" data-theme="c" onclick="someJS2();" /> 
</div> 

Và sau đó mở hộp thoại với

$.mobile.changePage("#myDialog"); 

Xem Fiddle http://jsfiddle.net/kYsVp/2/