2012-03-31 26 views
3

私はjquery mobileで作業しており、同じページ内で変数を渡そうとしています。jqm.page.params.jsプラグインの使用方法を教えてください。

<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});   

}); 

上記のコードは、私が望むものではない永遠のループでページを取得するだけです。私はpageinitの側からchangePageを取ろうとしましたが、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のパラメータを使用しますが、このプラグインの使用方法の例はありません。

このプラグインの使い方を知っている人はいますか?同じページにリンクしているときに変数を渡すより良い方法はありますか?

答えて

2

私はpageinitが早すぎるので、パラメータが解析されないと思います。リスナーにはpagebeforeshowをお試しください。

See the answer to this question

関連する問題