PhoneGap中文网

标题: Jquery Mobile mobileinit事件详解 [打印本页]

作者: admin 时间: 2013-8-8 19:13
标题: Jquery Mobile mobileinit事件详解

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>

复制代码

[qq]554024292[/qq]

作者: admin 时间: 2013-9-27 16:09
真是收益匪浅

作者: phonegap100 时间: 2013-10-1 14:15
支持一下:lol

作者: uqobk8216 时间: 2013-10-4 02:43
帮帮顶顶！！

作者: 你懂得 时间: 2013-10-5 16:51
支持一下:lol

作者: 你懂得 时间: 2013-10-7 07:54
没看完~~~~~~ 先顶，好同志

作者: admin 时间: 2013-10-9 00:18
路过，支持一下啦

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)