jquery - 使用 jQuery mobile 而不使用 AJAX？

Question

当我单击 jquery 移动驱动网站上的任何内部链接时，它会显示微调器并尝试通过 AJAX 加载页面。我想通过完全重新加载来加载每个页面。我可以通过将此属性添加到所有链接来实现此目的:

data-ajax="false"

但是我有很多链接，并且不想通过手动添加这些链接来弄乱 HTML。有没有一种方法可以在 JS 中将其定义在一个地方，并使其影响站点范围内的所有链接？

我尝试过，但没有成功:

$(document).bind("mobileinit", function(){
    $.extend($.mobile, {
        defaultTransition: 'none',
        ajaxEnabled: false,
        ajaxLinksEnabled: false
    });
});

Answer 1

您可以将 data-ajax="false"添加到包含的 div 以影响所有链接。您需要在配置中将ignoreContentEnabled 设置为true。如果您有一个包含整个页面的 div，这会很方便。

查看文档 http://jquerymobile.com/demos/1.2.0/docs/pages/page-links.html

“在版本 1.1 中，我们添加了对在父容器上使用 data-ajax="false"的支持，这允许您从 Ajax 导航系统中排除大量链接。这避免了添加此属性的需要容器中的每个链接。要激活此功能，$.mobile.ignoreContentEnabled 必须设置为 true。请在使用和设置此选项之前检查配置默认值。”

您还可以将默认值设置为不允许任何 ajax 链接，该信息位于此处 http://jquerymobile.com/demos/1.2.0/docs/api/globalconfig.html请参阅 ajaxEnabled