JQuery Mobile Page參數

Question

想知道如何將一些參數傳遞給JQuery Mobile頁面？

例如

<div data-role="page-content">              
     <ul class="gallery"> 
        <li><a href="#mypage?01"><img src="1.jpg"/></a></li> 
        <li><a href="#mypage/02"><img src="2.jpg"/></a></li>       
     </ul>       
</div><!-- /content -->  

正如你所看到的，我試過＃和？但他們不工作

謝謝

Answer 1

您可以通過更改以下內容來實現它。

I.取出<a>

II。內部頁面到外部頁面

"#mypage" to "mypage.html" 

三，將圖像的「點擊」事件綁定到調用頁面的功能

$("#img1").click(function() { 
     $.mobile.changePage("mypage.html", { data: { [...parameters...] } }); 
//eg: $.mobile.changePage("mypage.html", { data: { "param1": "value1" } }); 
}); 

四。在myPage.html下使用此

<div data-role="page" id="newPageId"> 
    <script type="text/javascript"> 
    $("#newPageId").on("pageshow", onPageShow); 
    function onPageShow(e,data) 
    { 
     var url = $.url(document.location); 

     var param1 = url.param("param1"); 
     var param2 = url.param("param2"); 
     : 
    } 
    </script> 
</div> 

您可以按照詳細Tutorial Here

您還可以查看這個Question Here了一些變化。 看答案

Answer 2

這些都是一些鏈接，可以幫助你或至少給你一個開始

http://ramkulkarni.com/blog/passing-data-between-pages-in-jquery-mobile/

http://blog.digitalbackcountry.com/2011/12/passing-data-between-pages-in-jquery-mobile/

How to pass and get Parameters between two Pages in Jquery Mobile?

Answer 3

我認爲問題是如何鏈接到內部頁面時處理參數。

這是我如何解決我有，當我發現這個問題的問題：

<div data-role="page-content">              
     <ul class="gallery"> 
     <li><a href="#mypage" data-my_param=1><img src="1.jpg"/></a></li> 
     <li><a href="#mypage" data-my_param=2><img src="2.jpg"/></a></li>       
     </ul>       
    </div><!-- /content --> 

然後...

$('ul').on('click', 'a', function(e){ 
     myParam = $(this).data('my_param');    
     //do what ever needs to be done to the page with the param 
    });