jQuery UI对话框小部件未在Chrome或Firefox中关闭，自定义按钮也不关闭；不出现

我对JS和jQuery还不熟悉。事实上，我现在正在做我的第一个项目

我使用的是jQuery、jQueryUI和jQueryMobile的最新版本。我的页面在IE9中运行良好，但在IE10、Chrome或Firefox中则不行。主要问题是“X”关闭按钮无法关闭对话框。URL将更新（“dialogPage”已删除），但对话框仍保持打开状态

我的第二个问题是，我在对话框中配置的按钮没有出现在任何浏览器中

以下是我的对话框页面代码（如果有必要，这与我的主页代码位于同一html页面中）：

我搜索了SO和Google，尝试了所有建议的解决方案。什么都没起作用

---

理想情况下，我想隐藏默认的“X”关闭按钮，只需要一个“Ok”按钮来关闭对话框。不过现在我很乐意让“X”按钮在所有浏览器中都能工作

我终于明白了。问题的很大一部分是我同时使用jQueryUI和jQueryMobile。每个库都提供一个对话框。我还使用Sri Varenya（在线提供）的HTML5客户端模板在VSTS 2012中启动了该项目。该模板有两个引用脚本，用于加载许多其他库。最后，我对引用的每个脚本都进行了注释，现在我只加载jQuery、jQuery Mobile和我的自定义项目特定脚本

---

现在一切都很完美，只花了大约一个星期（嘘）

我终于明白了。问题的很大一部分是我同时使用jQueryUI和jQueryMobile。每个库都提供一个对话框。我还使用Sri Varenya（在线提供）的HTML5客户端模板在VSTS 2012中启动了该项目。该模板有两个引用脚本，用于加载许多其他库。最后，我对引用的每个脚本都进行了注释，现在我只加载jQuery、jQuery Mobile和我的自定义项目特定脚本

现在一切都很完美，只花了大约一个星期（嘘）

<div data-role="page" id="dialogPage" class="type-home">  
<header>  
    <script type="text/javascript">  
        $(function () {  
            $("#dialogPage").dialog({  
                resizable: false,  
                modal: true,  
                buttons: {  
                    "Ok": function () {  
                        $(this).dialog("close");  
                    }  
                }  
            });  
        });  
    </script>  
    <div data-role="header">  
        <h2 id="txTitle"></h2>  
    </div>  
</header>  
<div data-role="content">  
    <h3 id="txMessage"></h3>  
</div>  

$.mobile.changePage('#dialogPage');