如何防止jQuery-mobile中的哈希變化

我有一個網站，其中填充了文章。點擊一篇文章將您帶到一個頁面，基本上就是這樣。問題是，我想使用jQuery的移動，因爲我粘貼它變成我的文件頭：如何防止jQuery-mobile中的哈希變化

<script type="text/javascript" src="scripts/jquery.js"></script> 
<script> 
    $(document).on("mobileinit", function() { 
     $.mobile.changePage("#index", {transition: "slide",reverse: true,changeHash: false}); 
    }); 
</script> 
<script src="scripts/jquery.mobile.js"></script>

，連接用戶到articleDetail頁面不工作了。我看到該網址不接受＃標籤（＃）。

例如：

<a href="www.myPage.com/#detail/e98eee7e-5032-4d16-8c69-a441af018b8b"</a>

我希望用戶被重定向到這個頁面與完全相同的路徑，但jQuery的移動改變它：

www.myPage.com/detail/ e98eee7e-5032-4d16-8c69-a441af018b8b

因爲沒有任何反應。我只得到一個輸出控制檯：

GET www.myPage.com/detail/e98eee7e-5032-4d16-8c69-a441af018b8b 404（未找到）

請幫幫忙！

來源

2013-07-04 Marko Ćilimković

你嘗試加入'數據阿賈克斯= FALSE'錨鏈接？ – Omar

是的，但它沒有解決問題。我改變了jquery和jquery-mobile的初始化，它解決了問題，但只是部分解決了問題。我更新了我的代碼，並且發生了重定向，但僅在您第二次單擊鏈接後！真的很奇怪...... –

'data-rel = external'也可以解決這個問題。 – Omar

包括在你的腳本這些功能：

$.mobile.hashListeningEnabled = false; 
$.mobile.pushStateEnabled = false;

這是由jQuery Mobile的定義來處理哈希啓用鏈接

來源

2013-11-14 11:41:22

如何防止jQuery-mobile中的哈希變化

回答

相關問題