浅析jQuery Mobile的初始化事件


Posted in Javascript onDecember 03, 2015

jQuery Mobile 包括一个初始化事件,该事件甚至会先于 jQuery 的 document.ready 事件进行加载。jQuery Mobile 实际上在文档对象本身上触发其初始化事件,第一个触发的事件是mobileinit。

当Jquery Mobile开始执行时,他就会在document对象上触发mobileinit 事件,因为mobileinit事件是在加载后马上触发,所以你需要在Jquery Mobile加载之前绑定你的事件处理函数,所以我建议你如下安排你的js引用顺序

<script src="Jquery.js"></script>
<script src="您自己的js文件"></script>
<script src="Jquery-mobile.js"></script>

要扩展 mobileinit 事件,您首先需要将它与一个自定义函数进行绑定。可使用 bind 方法扩展 mobileinit 事件,来覆盖默认配置(全局选项)。

$(document).bind("mobileinit", function(){
//覆盖的代码
});

 

在绑定事件的函数内部,你可以使用$.mobile对象的$.extend方法来配置默认参数值:

$(document).bind("mobileinit", function(){
 $.extend( $.mobile , {
 foo: bar
 });
});

或者单独设置它。

$(document).bind("mobileinit", function(){
 $.mobile.foo = bar;
});

 

$.mobile 对象是设置所有属性的起始点

<script type="text/java script" src="/scripts/jquery-1.6.min.js"></script>
<script type="text/java script">
$(document).bind("mobileinit", function(){
$.mobile.defaultTransition = "slidedown";
$.mobile.ajaxLinksEnabled = false; // 禁用Ajax提交
$.mobile.ajaxFormsEnabled = false; // 禁用Ajax提交
$.mobile.ajaxEnabled = false; //禁用Ajax提交
});
</script>
<script type="text/java script" src="/scripts/mobile/jquery.mobile-1.0b1.min.js"></script>
Javascript 相关文章推荐
javascript 数组的方法集合
Jun 05 Javascript
IE JS编程需注意的内存释放问题
Jun 23 Javascript
Javascript中的this绑定介绍
Sep 22 Javascript
raphael.js绘制中国地图 地图绘制方法
Feb 12 Javascript
Angular中的Promise对象($q介绍)
Mar 03 Javascript
JavaScript控制按钮可用或不可用的方法
Apr 03 Javascript
jQuery地图map悬停显示省市代码分享
Aug 20 Javascript
ajax接收后台数据在html页面显示
Feb 19 Javascript
jquery对table做排序操作的实例演示
Aug 10 jQuery
JS实现移动端整屏滑动的实例代码
Nov 10 Javascript
vue项目上传Github预览的实现示例
Nov 06 Javascript
vuex的使用和简易实现
Jan 07 Vue.js
jQuery+jsp实现省市县三级联动效果(附源码)
Dec 03 #Javascript
jQuery移动web开发中的页面初始化与加载事件
Dec 03 #Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
Dec 03 #Javascript
jQuery+jsp下拉框联动获取本地数据的方法(附源码)
Dec 03 #Javascript
jQuery移动页面开发中的触摸事件与虚拟鼠标事件简介
Dec 03 #Javascript
详解JavaScript对象和数组
Dec 03 #Javascript
java必学必会之static关键字
Dec 03 #Javascript
You might like
优化PHP代码的53条建议
2008/03/27 PHP
PHP中PDO的错误处理
2011/09/04 PHP
PHP上传文件参考配置大文件上传
2015/12/16 PHP
轻松掌握php设计模式之访问者模式
2016/09/23 PHP
Zend Framework数据库操作方法实例总结
2016/12/11 PHP
PHP获取redis里不存在的6位随机数应用示例【设置24小时过时】
2017/06/07 PHP
javascript DOM编程实例(智播客学习)
2009/11/23 Javascript
jquery队列函数用法实例
2014/12/16 Javascript
使用Node.js为其他程序编写扩展的基本方法
2015/06/23 Javascript
js+ajax实现获取文件大小的方法
2015/12/08 Javascript
js Canvas实现圆形时钟教程
2016/09/19 Javascript
Angularjs的$http异步删除数据详解及实例
2017/07/27 Javascript
jQuery实现的两种简单弹窗效果示例
2018/04/18 jQuery
vue如何通过id从列表页跳转到对应的详情页
2018/05/01 Javascript
jQuery实现基本隐藏与显示效果的方法详解
2018/09/05 jQuery
jQuery 同时获取多个标签的指定内容并储存为数组
2018/11/20 jQuery
JS无限级导航菜单实现方法
2019/01/05 Javascript
JavaScript中工厂函数与构造函数示例详解
2019/05/06 Javascript
[15:46]教你分分钟做大人——沙王
2015/03/11 DOTA
使用Python设置tmpfs来加速项目的教程
2015/04/17 Python
Flask的图形化管理界面搭建框架Flask-Admin的使用教程
2016/06/13 Python
Python学习之用pygal画世界地图实例
2017/12/07 Python
Python3+Appium安装使用教程
2019/07/05 Python
django重新生成数据库中的某张表方法
2019/08/28 Python
Keras SGD 随机梯度下降优化器参数设置方式
2020/06/19 Python
详解Flask前后端分离项目案例
2020/07/24 Python
CSS伪类与CSS伪元素的区别及由来具体说明
2012/12/07 HTML / CSS
CSS3的 fit-content实现水平居中
2017/09/07 HTML / CSS
美国百年历史早餐食品供应商:Wolferman’s
2017/01/18 全球购物
初中校园之声广播稿
2014/01/15 职场文书
人力资源部门的主要职能
2014/02/22 职场文书
教师节寄语2015
2015/03/23 职场文书
一文读懂go中semaphore(信号量)源码
2021/04/03 Golang
Go语言中break label与goto label的区别
2021/04/28 Golang
Pytorch 如何加速Dataloader提升数据读取速度
2021/05/28 Python
手把手教你从零开始react+antd搭建项目
2021/06/03 Javascript