jquery mobile的a标签点击无法跳转的问题

二次开发，遇到些小问题，嘿嘿，终于解决了。

搜出来的结果在此总结一下：

当我们的网站引用了jquery mobile的js后，点击页面的链接，你会发现页面无法跳转，因为jquery mobile默认是采用ajax方式来加载网站的，如果你需要跳到另一个页面，需要在a标签加上data-ajax="false"。

在同一个HTML页面创建多个在屏幕上显示的“页面”使得你可以大大减少页面加载的次数,但同时也会导致许多移动设备运行缓慢。 jQueryMobile将页面所有的链接跳转都视作Ajax调用,这样可以充分利用CSS的过渡效果,当你想要链接到你自己的web程序之外的某些链接时,你可以这样编写你的链接代码:

如上所示,仅需要为a标签添加 rel="external"属性即可。然而jQueryMobile对于(同域的)外部链接并不是简单地跳转完事儿,相比于其他移动框架它更进了一步, 因为他对(同域的)所有链接都采用Ajax调用方式,从而实现漂亮的转场效果。基于此你可以将你的网页内容分离到许多页面来创建更大型的项目。

来源：http://www.zhishidaren.com/qdzs/23.html

http://jingyan.baidu.com/article/624e7459aac4e434e9ba5a5e.html

转载于:https://www.cnblogs.com/changlun/p/4566282.html

jquery mobile的a标签点击无法跳转的问题相关推荐

a jquery 标签点击不跳转_jquery怎么让a标签不跳转？
jquery让a不跳转的方法: 1.jquery中可以通过attr()方法设置a标签中的href属性为"#"来使a标签不跳转$(document).ready(function ( ...
a jquery 标签点击不跳转_jquery如何才可以让a标签不跳转
jquery如何才可以让a标签不跳转发布时间:2020-11-11 10:05:18 来源:亿速云阅读:75 作者:小新这篇文章给大家分享的是有关jquery如何才可以让a标签不跳转的内容.小编 ...
jQuery Mobile中的页面加载与跳转机制
第一次做用jQuery Mobile做东西,发现一些跟平时的思维习惯不太一样的.其中这个框架的页面加载机制便是其中一个.如果不明白其中的奥秘,往往会出现一些让人摸不着头脑的怪现象,比如页面进入后点击按 ...
a jquery 标签点击不跳转_form标签的action属性怎么用？form标签action属性的用法介绍（附实例）...
本篇文章主要的介绍了关于HTML中form标签action属性的用法介绍和实例,还有关于form标签的action属性的定义和语法介绍,最后徐还有关于form标签的action属性的作用解释.现在让我 ...
jquery trigger触发a标签点击事件问题
最近在一个项目中使用trigger触发a标签的click事件,如:$('a').trigger('click'),但是一直未成功..触发不了. 经过百度查找才知道: $('a').trigger('c ...
jquery+javascript触发a标签的点击事件
今天项目经理跟我说window.open()在一些浏览器上会被拦截,当时的解决方案是:用a标签的target="_blank"属性也可以打开窗体页面于是解决了A问题出现了B问题: ...
jQuery Mobile基础
1.安装在<head></head>标签里边写入以下内容 jQuery Mobile CDN: 1 <head> 2 <meta charset=" ...
w3cschool的jQuery Mobile教程总结
w3cschool的jQuery Mobile教程总结 jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架. jQuery Mobile 工作于所有主流的智能手机和平板电脑上. 一 ...
jQuery Mobile 笔记（1）- jQuery Mobile页面结构
jQuery Mobile页面解构 jQuery Mobile 的"页面"结构不同于传统的html页面,这样做是为了优化single page application的用户体验. ...

jquery mobile的a标签点击无法跳转的问题

jquery mobile的a标签点击无法跳转的问题相关推荐

最新文章

热门文章