用pagecontainer苦苦挣扎

时间:2016-11-01 18:16:07

标签: jquery-mobile

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

https://stackoverflow.com/a/24173950/4278933

jQuery mobile pagecontainer load()

并且无法使我的代码正常工作。有时我在控制台上出错,有时我什么也得不到(没有网址更改,gui更改或控制台日志输出)。

(注意,我正在导航到f.html这是一个外部页面。)

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

我试过的第一种方法是

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

然后我触发了

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

有了上述内容,没有任何效果(没有错误或网址更改)。但是,手动点击链接实现了我想要的页面更改。

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

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

并尝试了

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

我得到错误:在初始化之前无法在pagecontainer上调用方法;试图调用方法&#39;加载&#39;

我哪里错了?

1 个答案:

答案 0 :(得分:0)

因为您不希望加载AJAX并且您真的希望浏览器导航到新页面(不将其加载到当前DOM中),您可以使用普通的JavaScript Window.location对象:

location.assign("f.html");

<强> DEMO