Javascript jQuery移动页面转换失败的3种方式

我想在按下按钮时进行页面转换，并在js文件中尝试以下代码：

$(":mobile-pagecontainer").pagecontainer().pagecontainer("change", "html/main.html", {
    allowSamePageTransitions: false,
    changeHash: false
});

这导致加载页面消息时出错

第二个选项是以下代码，该代码也会失败：

$.mobile.changePage("html/main.html", {
    allowSamePageTransitions: true,
    changeHash: false,
    data: loginCredentials
});

第三种选择是：

$(":mobile-pagecontainer").pagecontainer("load", "html/main.html", {
    data: loginCredentials,
    reload: true,
    role: "page"
});

最后两个选项根本不显示任何消息

我做错了什么

更新1

初始html文件的一部分由

data role=“page”

div组成，其中包含“header”、“content”和“footer”div。按钮位于“内容”分区内：

我尝试切换到的第二个html文件仅包含带有“header”、“content”和“footer”的“page”div，而不包含

部分

更新2

我没有提到这个项目是一个移动应用程序，我想PhoneGap和Cordova标签会提示这一点。

---

我在一台设备上测试了该应用程序，使用答案中显示的选项，它运行良好。

根据文档，要以编程方式更改页面，请使用以下选项：

$(":mobile-pagecontainer").pagecontainer("change", "html/main.html", { 
    changeHash: false 
});

默认情况下，

allowSamePageTransitions

选项设置为

false

，并且pagecontainer小部件应该已经初始化，否则您将看不到页面。你能确认

html/mail.html

确实存在或者它的URL是正确的吗

参考资料：

http://api.jquerymobile.com/pagecontainer/

---

我想知道看到你的标记是否会有帮助。。。或者至少你是如何布局的，以及任何相关的代码！html包含一个典型的单页结构，可以在这里找到：我将上传主要问题中的按钮部分。我注意到jQuery Mobile不是您选择的标签之一，并且您没有提到您正在使用的版本。现在当我在URL中看到1.1.1时，嗯。。。我不知道该说什么！：）我也注意到了这一点，但这是我为html结构找到的最快的链接。我正在使用jqm1.4.2min。这也不起作用。我收到加载页面消息时出错。我实际上希望allowSamePageTransition设置为true。“html/main.html”存在。您认为pagecontainer小部件应该已经初始化是什么意思？通过编写

.pagecontainer（）.pagecontainer（…）

我知道第一个

.pagecontainer（）

是初始化它。。如果我弄错了，请原谅。您是否有开发工具来确定显示错误加载页面的原因？实际上我还没有初始化小部件。我应该那样做吗？不，我没有开发工具来确定为什么会显示错误加载页面。。。。单击输入。。。您必须刷新页面才能重试。。。查看源代码。我使用Chrome的工具，通过您发送的代码，我看到以下消息：XMLHttpRequest无法加载file:///C:/users/******/html/main.html。收到无效的响应。因此，不允许访问源“null”。

http://api.jquerymobile.com/pagecontainer/