从jQuery Mobile的常规链接中删除ajax调用

Question

使用 jQuery Mobile，我想禁用对 DOM 特定部分中链接的 ajax 调用。

我不想放一个

data-ajax = false

每次我都不想使用 jquerymobile ajax。

例如，任何属于"内容"子项的链接：

<div class="content">
    <a href="http://externalwebsite.com">External Link</a>
</div>

我想将"data-ajax = false"添加到作为"内容"子项的每个链接上

有没有办法用jquery做到这一点？

Answer 1

如果你想从锚标记禁用ajax链接行为，你可以在链接中放rel=external，链接将在没有ajax的情况下加载，然后你的url将是正常的。

http://jquerymobile.com/demos/1.0a4.1/#docs/pages/docs-navmodel.html

<a href="User/somepage" rel="external" />I wont be using ajax for navigation</a>

如果你想在jQuery中为内容div中的一些标签执行此操作，你可以像这样尝试

$(function(){
  $(".content a").each(function(){
    $(this).attr("rel","external");
  });
});

下面是一个示例 http://jsfiddle.net/4WEBk/3/

更简化的版本。（感谢坦杜指点）

$(function(){
  $(".content a").attr("rel","external");
});

Answer 2

$(".content a").attr('data-ajax', false);

Answer 3

我还必须添加rel="external"和target="_self"才能使其工作。

在某些情况下，将使用正常的 http 请求而不是 阿贾克斯请求。这种情况的一种情况是链接到 外部网站。您还可以指定普通 http 请求为 通过以下链接属性进行：

• 相对=外部

• 目标（具有任何值，例如"_blank"）