从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

如果你想从一个锚标签禁用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中的一些标签执行此操作,您可以尝试这样做

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

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

简化版越多.(感谢tandu指点)

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

Answer 2

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