Question

在我的jQuery Mobile项目中，我有一个显示幻灯片内容的页面。内容取决于查询字符串。

通过访问#slidePage打开第一张幻灯片？sec = 0＆amp; page = 0 - ＆gt;它的工作原理

在同一张幻灯片页面上，我有#slidePage的链接？sec = 0＆amp; page = 1（第二页）。 - ＆GT;此链接无效

似乎浏览器或jQuery确信它是同一页面并且不导航。

我该怎么办？

我试图禁用ajax，但这不起作用。

Answer 1

@Cameron Askew刚刚发布了一个精彩的JQuery（Mobile）插件，可以让你在页面之间发送QueryString参数：

https://github.com/CameronAskew/jquery.mobile.paramsHandler

Answer 2

jQuery mobile不支持查询字符串（到内部页面）。

有许多jQuery移动插件可用于启用此功能。

请参阅： http://jquerymobile.com/demos/1.0.1/docs/pages/page-scripting.html

Answer 3

您只需使用jquery mobile即可。在pagebeforeshow上只需读取jquery mobile添加到页面的data-url属性。然后只需添加代码即可完成查询字符串所需的操作。

这只适用于Ajax导航而不是多页。

<a href="your-page.html?id=1" data-role="button">Show page "two" querystring id=1</a>

<script type="text/javascript">
$('#your-page-id-here').on('pagebeforeshow',function(){

    console.log($(this).data("url"))

});
</script>

jQuery Mobile，使用查询字符串导航

3 个答案: