如何使用jqm.page.params.js插件？

Question

我正在使用jquery mobile，我试图在同一页面内传递变量。

<a href="page2.html?var1=foo&var2=bar">link1</a> 
<a href="page2.html?var1=something&var2=bbq">link2</a> 

点击链接后，页面将被放置到DOM中。我明白，我将不得不重新加载页面，以便为新的变量被应用，但我一直没全成与这样：

$.mobile.changePage("page2.html", {reloadPage : true,}); 

页面加载时我使用了以下内容：

$(document).delegate('#page2','pageinit', function(){   

    $.mobile.changePage("page2.html", {reloadPage : true});   

}); 

上面的代码只是将页面放在永久循环中，这显然不是我想要的。我试图将pagePage放在pageinit的外面，但在pageinit中需要它的原因是后退按钮能够工作。所以后来我想，也许我能得到URL中的变量，所以我尝试与使用jqm.page.params.js以下：

$(document).delegate('#page2','pageinit', function(){   

    if ($.mobile.pageData && $.mobile.pageData.proj_id){ 
     console.log("Parameter var1=" + $.mobile.pageData.var1);//does not print at all. 
    } 

    console.log("Parameter obj =" + $.mobile.pageData); // prints NULL   

}); 

我的文档中找到了一个链接到它是假设允许插件您可以使用名为jqm.page.params.js的url中的参数，但没有关于如何使用此插件的示例。

有没有人知道如何使用这个插件？或者，当你在同一页面上链接到同一页面但具有不同变量时，是否有更好的方法来传递变量？

Answer 1

我认为pageinit为时尚早，所以参数未被解析。为您的听众尝试pagebeforeshow。

See the answer to this question。