浅析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 限制输入脚本大全
Nov 03 Javascript
jquery中load方法的用法及注意事项说明
Feb 22 Javascript
FF(火狐)浏览器无法执行window.close()解决方案
Nov 13 Javascript
javascript匀速运动实现方法分析
Jan 08 Javascript
JavaScript手机振动API
Jun 11 Javascript
AngularJS基础 ng-href 指令用法
Aug 01 Javascript
前端js弹出框组件使用方法
Aug 24 Javascript
JS基于onclick事件实现单个按钮的编辑与保存功能示例
Feb 13 Javascript
JS判断一个数是否是水仙花数
Jun 11 Javascript
vue+element的表格实现批量删除功能示例代码
Aug 17 Javascript
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
Feb 20 Javascript
用React Native制作一个简单的游戏引擎
May 27 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
一个简洁的多级别论坛
2006/10/09 PHP
用php获取远程图片并把它保存到本地的代码
2008/04/07 PHP
php调用c接口无错版介绍
2014/03/11 PHP
php实现只保留mysql中最新1000条记录
2015/06/18 PHP
php实现爬取和分析知乎用户数据
2016/01/26 PHP
thinkphp 手机号和用户名同时登录
2017/01/20 PHP
php 广告点击统计代码(php+mysql)
2018/02/21 PHP
tp5.1 框架join方法用法实例分析
2020/05/26 PHP
JavaScript高级程序设计 读书笔记之十一 内置对象Global
2012/03/07 Javascript
JS获取键盘上任意按键的值(实例代码)
2013/11/12 Javascript
zeroclipboard 单个复制按钮和多个复制按钮的实现方法
2014/06/14 Javascript
js流动式效果显示当前系统时间
2016/05/16 Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
2016/06/14 Javascript
js仿小米官网图片轮播特效
2016/09/29 Javascript
原生JS实现导航下拉菜单效果
2020/11/25 Javascript
原生JS实现移动端web轮播图详解(结合Tween算法造轮子)
2017/09/10 Javascript
vue使用 better-scroll的参数和方法详解
2018/01/25 Javascript
详解vue项目打包后通过百度的BAE发布到网上的流程
2018/03/05 Javascript
layui前端框架之table表数据的刷新方法
2018/08/17 Javascript
JS学习笔记之原型链和利用原型实现继承详解
2019/05/29 Javascript
Ajax获取node服务器数据的完整步骤
2020/09/20 Javascript
Javascript文本框脚本实现方法解析
2020/10/30 Javascript
Pyramid将models.py文件的内容分布到多个文件的方法
2013/11/27 Python
python多线程用法实例详解
2015/01/15 Python
pandas 对series和dataframe进行排序的实例
2018/06/09 Python
无法使用pip命令安装python第三方库的原因及解决方法
2018/06/12 Python
python,Django实现的淘宝客登录功能示例
2019/06/12 Python
在Python中获取操作系统的进程信息
2019/08/27 Python
python爬虫爬取幽默笑话网站
2019/10/24 Python
Python表达式的优先级详解
2020/02/18 Python
django 模版关闭转义方式
2020/05/14 Python
python实现数据结构中双向循环链表操作的示例
2020/10/09 Python
html5实现移动端适配完美写法
2017/11/16 HTML / CSS
音乐表演专业毕业生求职信
2013/10/14 职场文书
医药公司开票员岗位职责
2015/04/15 职场文书
Python 居然可以在 Excel 中画画你知道吗
2022/02/15 Python