页面加载时的Jquery Mobile Dialog，该对话框未加载答案

【问题标题】：Jquery Mobile Dialog on page load, the dialog doesn't load页面加载时的Jquery Mobile Dialog，该对话框未加载
【发布时间】：2013-06-19 05:46:45
【问题描述】：

我试图让 jQuery 对话框在网页加载后出现，以便用户可以输入一些重要数据，以便主页可以加载一些数据。

$(document).ready(function(){
            $.mobile.changePage( "CrewPopupDialog.html", { role: "dialog" } );
            });

当页面被加载时，什么也没有发生。我正在使用来自 jQuery Mobile API 页面http://api.jquerymobile.com/dialog/ 的确切语法。对话框页面是一个单独的 html 文件，但我认为这不会导致问题。

Google Chrome 控制台返回此错误：Uncaught TypeError: Cannot call method 'changePage' of undefined

【问题讨论】：

你是否包含了 jquery 移动库？如果是，它是在（而不是在上面）jquery 库下吗？
它在另一个 jquery 库下。我应该向上移动它吗？
我想我修复了它，我包含了 jQuery 1.10.0 库。我将其注释掉并将 jQuery 1.9.1 库移至顶部。它现在似乎可以工作了，感谢您的帮助。

标签： javascript jquery html web-applications

【解决方案1】：

确保您的导入顺序正确。 jQuery 然后是 UI，最后是 jQuery Mobile。我的对话框现在可以正确加载并具有正确的格式。

    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>

【讨论】：