JqueryMobile 跳转问题

解决办法:

禁止ajxa跳转有两种情况:

1、禁止局部ajax跳转

2、禁止全局ajax跳转

对于#1只需要在a标签中添加下面的属性:

data-ajax=“false”

有时我们要用正常的http请求而不用Ajax请求,比如链接到别的网站等情况。通过给a标签加下面的属性,可以将链接指定为正常的http请求:

rel=external

对于#2我们需要设置一个全局的禁止ajax跳转的方式,js代码如下:

$(document).bind("mobileinit", function() {

//disable ajax nav

$.mobile.ajaxEnabled=false

});

注意:上面的代码片段需要放在jquery.mobile-xxx.min.js引入之前。

顺便说一句,初始化的设置都需要放在此处,例如加载错误信息的设置:

$.mobile.pageLoadErrorMessage = ‘Sorry, something wentwrong. Please try again.‘;

时间: 2024-08-03 00:26:23

JqueryMobile 跳转问题的相关文章

JQueryMobile页面跳转参数的传递解决方案

在JQueryMobile开发手机端应用使用可能需要考虑相关的页面跳转带来的参数问题.因为JQueryMobile其实也是HTML5实践的结果.HTML5中有localStorage和sessionStorage使用.最好采用Storage实现比较简单易用. 例如在页面A跳转B页面,在A跳转前将跳转参数注入到localStorage中,在B页面初始化获取localStorage相关的页面参数.并做相应的处理同时在适当的页面清理页面参数. storage.js内容如下: Js代码   functi

jQueryMobile与AngularJS的区别

(1)jQuery是一个JS函数库,简化DOM操作. (2)jQueryUI是一个HTML UI组件库,适用于PC应用. (3)TwitterBootstrap是一个CSS框架,提供了基础样式+HTMLUI组件库,简化响应式网页的开发. (4)GoogleAngularJS是一个JS框架,简化了数据在页面的操作. (5)jQueryMobile是一个HTML UI组件库,适用于移动应用. jQuery+jQueryUI => 基于DOM操作的PC应用 jQuery+Bootstrap => 基

jquery和jquerymobile中版本的问题(附示例)

1.jquery2.1.4一上版本和jquerymobile根本就不兼容无法显示效果 .大家可以把下面的jQuery中的版本号改变下可以发现jQuerymobile效果无法实现.不知道是什么问题 前端的小伙伴注意就是了!在写代码的时候用到jQuerymobile时不要用最新的jquery3.1.0版本.还有就是注意代码细节(jQuerymobile是基于jQuery的所有在引用的时候jQuery的声明必须在前面) <!DOCTYPE html><html lang="en&qu

JqueryMobile新手问题大全

Jquery mobile 新手问题总汇 34 2013-04-22 / 分类:JqueryMobile / 标签:JqueryMobile,Jqm 此文章将会持续更新,主要收录一些新手比较常见的问题. 欢迎 向我推荐比较典型的常见问题,我会记录并整理进文章,方便自己更方便大家. 文章导读: 1.页面缩放显示问题 2.页面跳转后样式丢失js失效 3.跳转时重复调用pageinit方法的解决办法 4.如何调用loading效果 5.动态改变了list的内容,但是内容并没有变化 6.把所有内容放到一

HTML5移动开发之路(51)——jquerymobile中改善页面访问速度

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(51)--jquerymobile中改善页面访问速度 在使用jQuery Mobile进行开发的时候可以选择单页模版和多页模版,在使用单页模版的时候从一个页面跳转到另一个页面的时候需要从服务器请求,用户会感到略有停顿.使用多页模版,可以改善页面跳转之间的流畅性,但是多个页面要一次性下载,所以下载时间变长,用户体验也会受到影响. 在基于预取技术的开发中,当第一个页面的DOM对象加载完成后,jQuery Mob

快快乐乐使用Jquery mobile--------第一章认识Jquerymobile

1.第一章:认识Jquery mobile 什么是Jquery mobile,简单点来说,是一个工具,就像.net框架,封装了一些API,能够让你快速的开发部署出一个网站.它利用了Jquery的技术,配合上html5 和css,让你能够简简单单,快快乐乐的做一个网站.当然,这网站是用在手机上的. 准备: 我们需要准备什么东西呢? 当然,是开发工具.调试工具和手机(当然最好是苹果6plus啦,可惜俺买不起)…………………… 首先说说开发工具,看某大师级别的教学视频,使用的是A字开头的一款开发工具,

jquerymobile 的特有 事件 和 方法 (转)

1.触摸屏事件—— Touch events tap Triggers after a quick, complete touch event. 本人实际测试效果:轻轻点击,效果和按普通按钮差不多. taphold Triggers after a held complete touch event (close to one second). 本人实际测试效果:按住一会儿,大约1秒,即触发.很顶用. swipe Triggers when a horizontal drag of 30px o

【jQueryMobile】Helloworld而页面切换

jQuery Mobile它是jQuery 在手机和平板设备的版本号. jQuery Mobile 它不仅会带来重大的移动平台jQuery核心库,而且会发布一个完整统一jQuery搬家UI相框.全球主流的移动平台.就是可以迅速能把页面写成APP的界面,让用户浏览网页.相当于在使用布局好的app一样. 首先要在jQueryMobile(点击打开链接)下载一个压缩包,然后把这个压缩包的全部内容拉到你的网站目录,尽管在网页不过引用jquery.mobile-1.4.5.js与jquery.mobile

小强的HTML5移动开发之路(51)——jquerymobile中改善页面访问速度

在使用jQuery Mobile进行开发的时候可以选择单页模版和多页模版,在使用单页模版的时候从一个页面跳转到另一个页面的时候需要从服务器请求,用户会感到略有停顿.使用多页模版,可以改善页面跳转之间的流畅性,但是多个页面要一次性下载,所以下载时间变长,用户体验也会受到影响. 在基于预取技术的开发中,当第一个页面的DOM对象加载完成后,jQuery Mobile会对标记data-prefetch的链接地址进行预取操作.预取的详细过程如下: 注意:使用预取功能时,不建议给所有链接都添加data-pr