浅析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 相关文章推荐
jValidate 基于jQuery的表单验证插件
Dec 12 Javascript
jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
Nov 30 Javascript
调试代码导致IE出错的避免方法
Apr 04 Javascript
一个超简单的jQuery回调函数例子(分享)
Aug 08 Javascript
jQuery内容筛选选择器实例代码
Feb 06 Javascript
在bootstrap中实现轮播图实例代码
Jun 11 Javascript
JavaScript表单即时验证 验证不成功不能提交
Aug 31 Javascript
React Native 使用Fetch发送网络请求的示例代码
Dec 02 Javascript
jQuery中图片展示插件highslide.js的简单dom
Apr 22 jQuery
vuex实现数据状态持久化
Nov 11 Javascript
详解ECMAScript2019/ES10新属性
Dec 06 Javascript
JavaScript实现移动小精灵的案例代码
Dec 12 Javascript
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中使用CURL获取页面title例子
2015/01/07 PHP
PHP常用的小程序代码段
2015/11/14 PHP
项目中应用Redis+Php的场景
2016/05/22 PHP
Laravel中encrypt和decrypt的实现方法
2017/09/24 PHP
PHP实现字符串翻转功能的方法【递归与循环算法】
2017/11/03 PHP
thinkphp3.2同时连接两个数据库的简单方法
2019/08/13 PHP
jQuery prototype冲突的2种解决方法(附demo示例下载)
2016/01/21 Javascript
JavaScript判断变量是否为数组的方法(Array)
2016/02/24 Javascript
jquery表单插件Autotab使用方法详解
2016/06/24 Javascript
分分钟玩转Vue.js组件(二)
2017/03/01 Javascript
如何使用Bootstrap创建表单
2017/03/29 Javascript
js中DOM事件绑定分析
2018/03/18 Javascript
node中IO以及定时器优先级详解
2019/05/10 Javascript
laypage+SpringMVC实现后端分页
2019/07/27 Javascript
[01:52]2014DOTA2西雅图邀请赛 V社开大会你不知道的小秘密
2014/07/08 DOTA
python实现图片批量剪切示例
2014/03/25 Python
Linux下使用python自动修改本机网关代码分享
2015/05/21 Python
Django框架中方法的访问和查找
2015/07/15 Python
Python自然语言处理之词干,词形与最大匹配算法代码详解
2017/11/16 Python
在PyCharm中遇到pip安装 失败问题及解决方案(pip失效时的解决方案)
2020/03/10 Python
利用python+ffmpeg合并B站视频及格式转换的实例代码
2020/11/24 Python
css3 按钮 利用css3实现超酷下载按钮
2013/03/18 HTML / CSS
雅诗兰黛旗下走天然植物路线的彩妆品牌:Prescriptives
2016/08/14 全球购物
Origins悦木之源英国官网:雅诗兰黛集团高端植物护肤品牌
2017/11/06 全球购物
小学班级口号
2014/06/09 职场文书
优秀党员自我评价范文
2014/09/15 职场文书
四风问题个人对照检查剖析材料
2014/09/27 职场文书
2014最新党员违纪检讨书
2014/10/12 职场文书
2014年妇联工作总结
2014/11/21 职场文书
廉洁自律个人总结
2015/02/14 职场文书
幼儿园安全管理制度
2015/08/05 职场文书
《伯牙绝弦》教学反思
2016/02/16 职场文书
高中政治教师教学反思
2016/02/23 职场文书
详解如何使用Node.js实现热重载页面
2021/05/06 Javascript
总结高并发下Nginx性能如何优化
2021/11/01 Servers
MySQL 表锁定 LOCK和UNLOCK TABLES的 SQL语法
2022/04/18 MySQL