挣扎于页面容器

Question

我想以编程方式更改我的 jquery 移动页面。我在这里阅读了 Whosebug 页面

jQuery mobile pagecontainer load()

我的代码无法正常工作。有时我会在控制台上收到错误，有时我什么也得不到（没有 url 更改、GUI 更改或控制台日志输出）。

（注意，我正在导航至 f.html，这是一个外部页面）。

所有更改页面的尝试均在设备准备就绪后完成...

我尝试的第一个方法是

<a href="f.html" id="front" data-rel="external" data-ajax="false">Front</a>

然后我触发了

$("#front").trigger("click");

以上，没有任何效果（没有错误或 url 改变）。但是，手动单击 link 实现了我想要的页面更改。

然后我读了 http://api.jquerymobile.com/pagecontainer/#method-change 并结合上面提到的两个 SO 帖子，我尝试了

$( ":mobile-pagecontainer" ).pagecontainer( "load", "f.html" );

也尝试过

$( "body" ).pagecontainer( "load", "f.html");

我收到错误：无法在初始化之前调用 pagecontainer 上的方法；试图调用方法 'load'

我哪里错了？

Answer 1

因为您不想 AJAX 加载并且您确实希望浏览器导航到新页面（而不是将其加载到当前 DOM），您可以只使用正常的 JavaScript Window.location 对象：

location.assign("f.html");

DEMO