`
天梯梦
  • 浏览: 13741599 次
  • 性别: Icon_minigender_2
  • 来自: 洛杉矶
社区版块
存档分类
最新评论

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

 

 

 

 

 

 

分享到:
评论

相关推荐

    jQuery Mobile 所需要的部署文件

    jQuery Mobile 是一个轻量级的、基于 jQuery 库的框架,专为移动设备上的网页应用设计,它提供了丰富的用户界面(UI)组件和交互效果,让开发者能够快速构建响应式和触控友好的Web应用程序。这个资源包以“Hello ...

    jQuery mobile滑动式的标题导航

    jQuery Mobile 是一个轻量级、触控优化的前端框架,专为移动设备设计,它提供了一整套构建移动Web应用程序的组件。在这个“jQuery mobile滑动式的标题导航”主题中,我们将深入探讨如何利用jQuery Mobile创建动态且...

    jQuery mobile相册的一种样式

    在IT行业中,jQuery Mobile是一种广泛使用的前端框架,它专门用于构建响应式和触屏友好的移动Web应用。jQuery Mobile提供了一系列的UI组件和交互效果,其中包括我们今天要讨论的主题——相册样式。在这个主题下,...

    jQuery 实例:标签切换

    在JavaScript的世界里,jQuery是一个非常流行且强大的库,它极大地简化了DOM操作、事件处理以及动画效果。在本实例中,我们将深入探讨如何利用jQuery实现一个功能丰富的“标签切换”功能,这在网页设计中非常常见,...

    jQuery Mobile 快速入门

    &lt;link rel="stylesheet" href="path/to/jquery.mobile.min.css"&gt; &lt;script src="path/to/jquery.min.js"&gt; &lt;script src="path/to/jquery.mobile.min.js"&gt; 欢迎使用 jQuery Mobile 这是一个简单的 ...

    android jqueryMobile 类库和实例源代码

    在提供的"jquery.mobile-1.0a4.1"文件中,包含了jQuery Mobile的一个早期版本的源代码。开发者可以通过阅读这些源代码,理解其工作原理,学习如何自定义组件或扩展功能。例如: - `js`文件夹下的`jquery.mobile.js`...

    jQueryMobile-HTML5模板

    1. **统一的触控体验**:jQuery Mobile提供了一套跨平台的触控事件处理机制,确保在各种设备上的滑动、点击等操作有统一的反馈。 2. **自动页面导航**:通过数据-URL(data-url)属性和页面容器,jQuery Mobile可以...

    jQuery mobile相册

    jQuery Mobile相册是一种基于jQuery Mobile框架的移动应用组件,它为用户提供了一种优雅的方式来展示和浏览图片集,尤其适用于移动设备。jQuery Mobile是jQuery库的一个分支,专为触摸设备优化,提供了一套完整的UI...

    jquerymobile设计完整例子

    每个导航项可以通过`&lt;a&gt;`标签来创建,并通过`href`属性链接到相应的页面。此外,`data-icon`属性可以添加图标,提升用户体验。 3. **页面间切换** jQuery Mobile 使用无刷新技术(AJAX)来实现页面间的平滑切换。...

    jQuery mobile多种样式的导航

    **jQuery Mobile:构建多样化导航** 在网页开发中,导航是至关重要的组成部分,它为用户提供了一种轻松浏览网站各个部分的方式。jQuery Mobile(JQM)是一个轻量级、响应式的前端框架,专门设计用于构建触控优化的...

    移动web开发学习一:jquery mobile 和 scrollview的整合

    &lt;link rel="stylesheet" href="https://code.jquery.com/mobile/1.x/jquery.mobile.min.css"&gt; &lt;script src="https://code.jquery.com/jquery-3.x.min.js"&gt;&lt;/script&gt; &lt;script src="https://code.jquery....

    jQuery、jQueryUI及jQueryMobile技巧与示例

    资源名称:jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介:《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从...

    jquery mobile datepicker 手机端日期选择器

    《jQuery Mobile Datepicker:手机端日期选择器深度解析》 在移动应用开发中,日期选择器是一个不可或缺的组件,它提供了用户友好的界面,让用户能够方便地选择日期。jQuery Mobile Datepicker 是一个专为手机端...

    android WebView结合jQuery mobile之基础:整合篇

    &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"&gt; &lt;script src="http://code.jquery.com/jquery-1.11.1.min.js"&gt;&lt;/script&gt; &lt;script src="http://code.jquery....

    jquery mobile 1.4.1版

    接下来是图标相关的CSS文件,例如`jquery.mobile.icons-1.4.1.css`,它包含了jQuery Mobile内置的一系列图标,方便开发者在界面上使用。`jquery.mobile.icons-1.4.1.min.css`同样是压缩版,提高了加载速度。此外,...

    jQuery Mobile快速入门.pdf

    ### jQuery Mobile 快速入门知识点概述 #### 一、jQuery Mobile 概述 - **定义与背景**:jQuery Mobile 是一款流行的开源 JavaScript 库,它主要用于构建响应式的 Web 应用程序,支持触摸操作,兼容多种移动设备。...

    jquery ui及jquery mobile技巧与示例源代码

    原书名:jQuery, jQuery UI, and jQuery Mobile: Recipes and Examples 原出版社: Addison-Wesley Professional 作者: (荷)Adriaan de Jonge (美)Phil Dutson 译者: 包勇明 程学彬 出版社:人民邮电出版社 ...

    jQuery mobile库包及例子

    &lt;link rel="stylesheet" href="jquery.mobile-1.4.2.min.css"&gt; &lt;script src="jquery.min.js"&gt; &lt;script src="jquery.mobile.min.js"&gt; &lt;!-- 页面内容 --&gt; ``` ### 示例文件 `demo.html` `demo.html` 文件...

    jQuery Mobile API文档

    jQuery Mobile API文档。jQuery Mobile是jQuery框架的一个组件(而非jquery的移动版本)。jQuery Mobile是一款基于HTML5的用户界面系统,旨在使所有智能手机,平板电脑和桌面设备上都可以访问的响应网站和应用。...

Global site tag (gtag.js) - Google Analytics