javascript - 如何防止 jquery-mobile 中的哈希更改

Question

我有一个充满文章的网站。单击一篇文章会将您带到一个页面，基本上就是这样。问题是我想使用 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>

，将用户链接到文章详细信息页面不再有效。我看到该 URL 不接受井号 (#)。

例如:

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

我希望用户被重定向到具有完全相同路径的此页面，但 jquery-mobile 将其更改为:

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

因此什么也没有发生。我只在控制台中得到一个输出:

获取 www.myPage.com/detail/e98eee7e-5032-4d16-8c69-a441af018b8b 404(未找到)

请帮忙!

Answer 1

在您的脚本中包含这些函数:

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

这是由 jquery mobile 定义的，用于处理启用哈希的链接