jquery mobile loadPage无法正常工作

好吧，我在几天前填写了这个问题 ，但不知道我是否清楚。

所以，我现在使用另一个函数$.mobile.loadPage做了一些更简单的$.mobile.loadPage

我正在尝试做的只是将内容从另一个文件加载到div，就像使用普通jquery的$.ajax一样。

在我的主页中：

 
 Click here to load 
  
  

这是来自另一个文件的html：

 
 
test
  

最后，js：

  $("body").on("click", "#load", function () { $.mobile.loadPage("mobile/favorites", { pageContainer: $('#target'), type: 'post', reloadPage: true }); }); 

我没有出现错误，url加载内容，因为我在chrome调试中检查。

那么，我错过了什么？

Answer 1

您的代码正在尝试在另一个页面中加载一个页面。 缺少第二页（ id="secondPage" ）是data-role="page"属性。

我从来没有试图完成你在这里尝试的东西，但它似乎令人困惑的基于文档。

该方法加载页面，将其插入容器内的DOM（而不是其他页面）。 如果加载的页面已经在DOM中（之前已加载），则reloadPage参数会强制刷新加载的页面。 不是你想要做的。

你将有更好的运气通过jQuery加载内容，插入DOM $("#myDiv").load("ajax/test.html"); 然后用$("#myPage").page("destroy").page();刷新当前页面$("#myPage").page("destroy").page(); 请注意，如果您只是插入未由jQuery Mobile增强的html，则可能不需要此最后一位。