JQuery 移动页面参数

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

您可以通过更改以下内容来实现它。

我。删除<a>

二.内部页面到外部页面

"#mypage" to "mypage.html"

三．将图片的“Click”事件绑定(bind)到调用页面的函数

$("#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对于一些变化。 看答案