Jquery mobile 获取已单击链接的jQuery Mobile的参数

我一直在寻找一种方法来获取在我的

pagebeforeshow

事件中单击的链接的url参数

$(document).on('pagebeforeshow', '#category',function(e,data){
})

链接如下所示（您还可以看到我添加了一个数据属性）

我在这里读了很多不同的答案，并尝试了很多，但我发现他们希望使用页面的当前url来获取参数。但是，当前页面url中没有参数（因为我使用的是pagebeforeshow）

然后我看到了其他一些例子，人们使用

jQuery.mobile.changePage

手动更改页面，但对我来说，在我的按钮中添加单击侦听器，然后使用

changePage

手动为每个按钮传递参数似乎有些过分

我也考虑过哪些可能会起作用，但我不愿意使用插件来完成一些对我来说似乎很简单的事情

我只需要能够访问url或单击的

数据cat

属性，但我似乎找不到一种有效的方法来执行此操作，而不必单击侦听器，然后手动更改页面，肯定有更好的方法吗

---

更新：jquerymobile1.4.2

我实际上没有太多地使用jquerymobile，但是看起来您应该能够使用

var-someVar=location.hash

获得它，不是这样吗？不幸的是，我不是基于这些信息，因为jQuery Mobile中Ajax导航的特性，它会从散列中删除任何参数，因此它只返回

#category

您可以使用早期的监听器，如：

pageinit

？这个答案的第二部分是用什么？或者你不能做一些类似的事情：

var URL=$（'#category'）.data（'URL'）？在最后一节中，在页面之间传递参数似乎就是这样，如果禁用JQM导航，则必须自己处理。第二种选择是可行的，并且在将来更容易维护。编辑：检查这个新烘焙的演示
<a href="#category?cat=dairy" data-cat="dairy" data-role="button">Dairy</a>