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

Question

I have a web site which is populated with articles. Clicking on an article takes you to a page and that's basically it. The problem is that I want to use jquery-mobile and since I pasted it into the head of my files:

<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>

,linking the user to the articleDetail page doesn't work anymore. I saw that the URL doesn't accept the hashtag sign (#).

For example:

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

I expect a user to be redirected to this page with that exact same path, but jquery-mobile changes it to:

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

and because of that nothing happens. I only get an output in the console:

GET www.myPage.com/detail/e98eee7e-5032-4d16-8c69-a441af018b8b 404 (Not Found)

Please help!

Answer 1

Include these functions in your script:

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

This is defined by jquery mobile to handle hash enabled links