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

最新推荐文章于 2021-06-03 05:03:01 发布

原创最新推荐文章于 2021-06-03 05:03:01 发布 · 245 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

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

434 篇文章

订阅专栏

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

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