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

Question

我正在使用jQuery mobile和backbone开发移动应用程序。我有骨干模型更改事件功能，如果模型中有任何更改，我只需破坏整个页面并使用模板绑定重新创建。我使用 $（'＃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>