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

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

以上<a>便签用法,同样也适用于<form>便签

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

 

Leave a Reply