只是想知道如何将一些参数传递到 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 -->
如您所见,我尝试了 # 和 ?然而它们不起作用
谢谢
最佳答案
您可以通过更改以下内容来实现它。
我。删除<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对于一些变化。 看答案
关于JQuery 移动页面参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12926671/