jquery - 使用 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做到这一点？

score 18 · Accepted Answer

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

<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");
  });
});

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

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

score 5 · Accepted Answer

5

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

于 2012-04-25T16:40:38.910 回答

score 0 · Accepted Answer

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

在某些情况下，将使用普通的 http 请求而不是 Ajax 请求。一种情况是在链接到外部网站上的页面时。您还可以通过以下链接属性指定进行正常的 http 请求：

相对=外部

目标（具有任何值，例如“_blank”）

3 回答 3