手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >浅析jQuery Mobile的初始化事件
浅析jQuery Mobile的初始化事件
摘要:jQueryMobile包括一个初始化事件,该事件甚至会先于jQuery的document.ready事件进行加载。jQueryMobile...

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="http://www.jb51.netscripts/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="http://www.jb51.netscripts/mobile/jquery.mobile-1.0b1.min.js"></script>

【浅析jQuery Mobile的初始化事件】相关文章:

Jquery注册事件实现方法

javascript的事件描述

jQuery的基本概念与高级编程

jquery 构造函数在表单提交过程中修改数据

JQuery中DOM事件绑定用法详解

jQuery判断指定id的对象是否存在的方法

JQuery中DOM事件合成用法实例分析

浅析JavaScript中的事件机制

浅析javascript函数表达式

浅谈jQuery中replace()方法

精品推荐
分类导航