jQuery Mobile，查詢字符串導航

Question

在我的jQuery Mobile項目中，我有一個顯示幻燈片內容的頁面。內容取決於查詢字符串。 ？

在訪問#slidePage秒的第一張幻燈片的開幕= 0 &頁= 0？ - >它的工作原理

同一張幻燈片上的網頁我有一個鏈接，#slidePage秒= 0 &頁面= 1 （第二頁）。 - >此鏈接不起作用

似乎瀏覽器或jQuery確信它是相同的頁面並且不導航。

我該怎麼辦？

我試圖禁用ajax，但沒有奏效。

Answer 1

查詢字符串（內部頁面）不支持jQuery移動。

有許多jQuery移動插件可以用來啓用此功能。

參見： http://jquerymobile.com/demos/1.0.1/docs/pages/page-scripting.html

Answer 2

你可以這樣做只是使用jQuery移動。在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> 

Answer 3

@Cameron歪剛剛發佈了一個輝煌的JQuery（移動）插件，使您可以發送頁面之間的查詢字符串參數：

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