jquery mobile : 外链接失效 a href not working

iteye_5904

于 2016-04-07 13:14:19 发布

阅读量232

点赞数

分类专栏： Javascript /Jquery / Bootstrap / Web 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_5904/article/details/82650038

版权

Javascript /Jquery / Bootstrap / Web 专栏收录该内容

434 篇文章

订阅专栏

本文介绍如何在jQuery Mobile中正确配置外部链接，通过在<a>标签内添加rel=external或data-ajax=false属性实现，同时提供使用JavaScript进行批量设置的方法，并附带说明对于弹窗等特殊情况的处理方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 根据文档 http://view.jquerymobile.com/master/demos/，可以在 <a> 标签里面添加属性rel="external" 或者 data-ajax="false"

2. 如果无法直接添加，也可以使用js效果：

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

当然，如果你的代码中使用了一些特别属性，如下：

<a href="#popupBasic" data-rel="popup">Open Popup</a>
 <div data-role="popup" id="popupBasic">
      <p>This is a completely basic popup, no options set.</p>
</div>

你可以使用下面代码：

$(document).ready(function(){
    $("a").each(function(){
        if($(this).attr("data-rel")!="popup") {
            $(this).attr("rel","external");
        }
    });
});