如何防止 jQuery Mobile 在动态注入 html 页面时进行 ajax 调用

Question

我没有使用 ajax 调用，而是创建页面并将其注入到 $.mobile.pageContainer 中。 使用 jQuery 模板动态创建 jQuery Mobile 页面

当我想要访问带有哈希标签的页面（在我的 onReady 函数中生成的标签），jQuery Mobile 尝试进行 ajax 调用。它失败了。当我的 onReady 函数被调用时，我必须检查 url 并调用 $.mobile.changePage() 才能使其显示。

var loc = window.location.href;
var loc = loc.split('#').pop();
if (loc !== "http://lift.pageforest.com/") {
    $.mobile.changePage(loc, 'pop', false, true);
}

这一切都很好，但 jQuery Mobile 仍然进行了失败的 ajax 调用，导致向控制台抛出错误，并向用户显示一个大错误 div。

我尝试将 $.mobileinit 函数 ajaxEnabled() 覆盖为 false，因为我永远不会使用 ajax。 http://jquerymobile.com/demos/1.0a3/#docs/ api/globalconfig.html 不幸的是，这造成了一大堆其他问题。

为什么jQuery mobile自动假设我要使用ajax，而我自己的onReady函数中不会生成任何内容？我该如何解决这个问题？

从这里重新发布： http://forum. jquery.com/topic/how-to-disable-automatic-ajax-calls-when-dynamically-creating-pages

Answer 1

你可以使用 event.preventDefault(); 吗？

http://api.jquery.com/event.preventDefault/

或者如果您设置 rel= “external”和链接中的 JQ 类选择器将阻止默认的内部链接。

<a href="#mylink" class="hash-link" rel="external">Link</a>

<script>  
$('.hash-link').click(function() {

   var loc = window.location.href;
   var loc = loc.split('#').pop();
   if (loc !== "http://lift.pageforest.com/") {
        $.mobile.changePage(loc, 'pop', false, true);
    }

});
</script>