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”添加到“content”子级的每个链接

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

Answer 1

如果您想禁用 anchor 标记的 ajax 链接行为，您可以将 rel=external 放入链接中，链接将在不使用 ajax 的情况下加载，然后您的网址将变为普通网址。

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 内的某些 a 标签执行此操作，你可以尝试这样

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

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

更简化的版本。 (感谢tandu指点)

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