2012-03-26 14 views
6

JQuery bir iletişim Mobil: Programlı Açık aşağıdaki benzeyen bir tek .html dosyası var

<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> 

denir "DoStuff()" Ben metinde özel bir mesaj ayarlamak istediğiniz

iletişim kutusunun ve diyaloğu aç. Herhangi bir nedenle, myDialog'u açamıyorum. Hayatım boyunca, neyi yanlış yaptığımı anlayamıyorum. http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-pages.html

+1

Oh, benim dokümantasyon bağlantınız yaklaşık bir yaşında olan bir sürüme gidiyor. 1.0 sürümü öncesi veya sonrası bir sürüm oluşturduğunuzdan emin olun. – Jasper

cevap

19

Sana iletişim

<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> 

için sayfanın rol ayarlamak Sonra

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

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

ile iletişim kutusunu açmak gerektiğini düşünüyorum: Ben burada yayınlanan içeriğini inceledikten
+3

"$ .mobile.changePage()" seçenek nesnesindeki role: "dialog" 'öğesini ayarlarsanız, o zaman öğenin gerçek" data-role "özelliğini geçersiz kılar ve belirtilen rolü kullanır. Dokümanlar şu adrestedir: http://jquerymobile.com/demos/1.1.0-rc.1/docs/api/methods.html – Jasper

İlgili konular