Reopenning JQM對話框

有此JQM對話框，通過Ajax調用

$('#calendar-event-form-container').html(HTML).toggle(); 
$("#calendar-event-form-container").dialog({theme:'a'});

打開喜歡這一點，並通過

$("#calendar-event-form-container").dialog('close'); 
$("#calendar-event-form-container").toggle();

下一次關閉對話框打開，失去了JQM的主題和位置。

任何人都可以看到代碼出錯了嗎？

在預先感謝此致巴巴克

來源

2013-01-02 Babak Bandpay

andleer是正確的「的任何頁面可以通過添加data-rel="dialog"屬性頁面錨鏈接被呈現爲模態對話框」，不使用與JQM切換（），它是不需要。創建jQM對話框用作分隔頁面。看看這個例子：

<div data-role="page" id="index"> 
    <div data-theme="a" data-role="header"> 
     <h3> 
      First Page 
     </h3> 
     <a href="#second" class="ui-btn-right">Next</a> 
    </div> 

    <div data-role="content"> 
     <a href="#" data-role="button" id="open-button">Open dialo</a>   
    </div> 

    <div data-theme="a" data-role="footer" data-position="fixed"> 

    </div> 
</div> 
<!-- DIALOG BOX --> 
<div data-role="page" id="dialog-box" data-theme="b"> 
    <div data-role="header"> 
     <h1>Warning</h1> 
    </div> 
    <div data-role="content"> 
     <h3 id="dialog-msg"> 
      Dialog test 
     </h3> 
     <a href="#" data-role="button" id="close-button"> 
      Close dialog 
     </a> 
    </div> 
</div>

此外，如果可能，你應該打開對話框如下：

$.mobile.changePage('#dialog-box', {transition: 'pop', role: 'dialog'});

如果你是動態變化的對話框的內容，您必須觸發pagecreate它來正確restyle它：

$('#dialog-box').trigger("pagecreate");

這裏是一個完整的jsfiddle例如：http://jsfiddle.net/Gajotres/fXzWj/

來源

2013-01-02 17:08:43 Gajotres

感謝您的回覆和時間，我會試一試。 –

謝謝，您的解決方案幫助我瞭解JQM頁面的動態。非常感謝。 :) –

顯示和隱藏的表單與toggle()一個對話框是非標準的。 jQuery Mobile對話框旨在顯示或隱藏頁面<div data-role="page">容器。因此，它被假定在當前頁面之外，並且在顯示爲對話框之前將不可見。

http://jquerymobile.com/demos/1.2.0/docs/pages/dialog/index.html

來源

2013-01-02 15:43:27 andleer

感謝您的回覆和時間，我會試一試 –

Reopenning JQM對話框

回答

相關問題