禁用JQM的AJAX跳转

原创 2016年05月30日 15:22:41
尽管ajax跳转有很炫的转屏动画,但是在某些时候为了性能或者为了业务需求还是需要禁掉ajax跳转的。
解决办法:
禁止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.';
PS:笔者建议,如非下载或者需要打开新窗体或者安卓端嵌入需求外,使用AJAX跳转还是最佳方案。
版权声明:欢迎转载,但是请保留出处说明

Jquery-mobile禁用ajax

一行代码就ok,jQuery.mobile.ajaxEnabled = false;用laravel开发网站,页面跳转后js脚本不能执行,各种查看,发现跳转的请求头中包含 XMLHT...
  • cgyf520
  • cgyf520
  • 2015年09月02日 10:32
  • 187

JQuery Mobile 禁用所有链接的AJAX导航功能

$(document).ready(function() { // disable ajax nav $.mobile.ajaxLinksEnabled = false; });
  • BesturnLee
  • BesturnLee
  • 2013年01月31日 11:14
  • 2269

禁用JQM的AJAX跳转

尽管ajax跳转有很炫的转屏动画,但是在某些时候为了性能或者为了业务需求还是需要禁掉ajax跳转的。 解决办法: 禁止ajxa跳转有两种情况: 1、禁止局部ajax跳转 2、禁...
  • lanwilliam
  • lanwilliam
  • 2016年05月30日 15:22
  • 451

jquery mobile ajax加载模式下JS不执行的问题

出处 http://q.cnblogs.com/q/44401/ 环境:C/S:andriod,ios phonegap/jboss+jquerymobile。所有页面所存储在server端。c...
  • q616804668
  • q616804668
  • 2015年02月01日 11:08
  • 2267

JQM常见出错问题解决办法汇总

1页面缩放显示问题 问题描述: 页面似乎被缩小了,屏幕太宽了。 解决办法: 在head标签内加入: 2 页面跳转后样式丢失js失效 问题描述: 用ajax跳转的时...
  • tager_liu
  • tager_liu
  • 2013年11月08日 10:09
  • 1590

JQM页面载入方式的理解

1.       JQM页面结构 jQuery Mobile是通过data-role属性来区分渲染界面样式的,JQM里面提供的data-role如下表: 参数 说明 page ...
  • lyatzhongkong
  • lyatzhongkong
  • 2011年11月14日 19:58
  • 3739

jquery mobile(jm)关于数据的动态交互问题-提交数据关闭ajax

1. 用户名: 标题: 动漫简介: 关闭ajax...
  • u014796999
  • u014796999
  • 2016年05月11日 23:29
  • 455

jqueryMobile页面跳转ajax载入与缓存问题

页面跳转ajax载入 在jqueryMobile的开发当中我们经常会遇到一些问题: 1、无法跳转到后一个页面 2、跳转到后一个页面事件或样式失效,需刷新一次可恢复正常 原因:JQM,为...
  • zhangkaiadl
  • zhangkaiadl
  • 2015年04月13日 09:43
  • 951

表单中上传文件、压缩上传图片

表单上传文件,详见代码: public boolean edit(String url, List params) {  //name是字段名,value是文件地址 HttpClient ...
  • wolf_jr
  • wolf_jr
  • 2011年08月19日 09:32
  • 1862

AJAX禁用缓存解决方案

ajax能提高页面载入的速度的主要原因是通过ajax减少了重复数据的载入,那就是在载入数据的同时将数据缓存在浏览器内存中,一旦数据被载入,只要页面未刷新,该数据就永远的缓存在内存中,当用户再次查看该数...
  • jxqvip
  • jxqvip
  • 2011年05月03日 14:48
  • 4006
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:禁用JQM的AJAX跳转
举报原因:
原因补充:

(最多只允许输入30个字)