使用jQuery mobile，要完全禁用导航

Question

We would like to use jquery mobile for all aspects of our site, but disable the page transitions completely, as we need to handle navigation on our own. So far, we have added the following to no avail:

$(document).on("mobileinit", function () {
                $.mobile.ajaxLinksEnabled = false;
                $.mobile.ajaxFormsEnabled = false;
            });

Our main problem is, all the "href" attribute values are being replaced with a hash tag (just a single #) and are losing our original href values, causing our navigation to obviously fail.

How can I prevent jQuery mobile from replacing my href attributes entirely? Thanks.

Answer 1

<script src="jquery-1.7.1.js"></script>
<script>
$(document).on("mobileinit", function () {
    $.mobile.ajaxEnabled = false;
});
</script>
<script src="jquery-mobile-1.1.0.js"></script>

I'm not sure where you got the ajaxLinksEnabled and the ajaxFormsEnabled options but they aren't listed on the "Configuring Default" documentation page: http://jquerymobile.com/demos/1.1.0/docs/api/globalconfig.html . Try using the above option, ajaxEnabled .

Answer 2

Thanks! It turned out that I needed to set linkBindingEnabled to be false. Here is my script:

<script type="text/javascript">
            $(document).on("mobileinit", function () {
                // Reference: http://jquerymobile.com/demos/1.1.0/docs/api/globalconfig.html
                $.extend($.mobile, {
                    linkBindingEnabled: false,
                    ajaxEnabled: false
                });
            });
        </script>