jquery-mobile - 以编程方式刷新整个 jQuery 移动对话框

Question

我正在开发一个带有 jQ​​uery mobile 和骨干网的移动应用程序。我有主干模型更改事件功能，如果模型有任何更改，我只需销毁整个页面并使用模板绑定重新创建。我使用$('#pageId').page('destroy').page(); 效果很好。

我想对对话框做同样的事情（只是破坏对话框并重新创建对话框并显示它）。谁能告诉我正确的调用方法....我刚刚尝试使用 .dialog() 但我没有工作..提前谢谢。

我的对话代码。

<div data-role="dialog" id="myDialog" data-close-btn="right">
    <div data-role="header"  class="ui-corner-top">
        <h1>dialog</h1>
    </div>
    <div data-role="content">
        <form id="myForm">
            <fieldset>
                <label for="fromDate">Date From</label>
                <input id="fromDate" type="date" required placeholder="mm/dd/yyyy">
            </fieldset>
            <fieldset>
                <label for="toDate">Date To</label>
                <input id="toDate" type="date" required placeholder="mm/dd/yyyy">
            </fieldset> 
                <input type="submit" value="submit" id="btnSubmit"  data-inline="true" />
        </form>
    </div>
</div>