PhoneGap中文网

 找回密码
 立即注册
查看: 18467|回复: 6
打印 上一主题 下一主题

Jquery Mobile mobileinit事件详解

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
跳转到指定楼层
楼主
发表于 2013-8-8 19:13:44 | 只看该作者 回帖奖励 |正序浏览 |阅读模式

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

    当Jquery Mobile开始执行时,他就会在document对象上触发mobileinit 事件,因为mobileinit事件是在加载后马上触发,所以你需要在Jquery Mobile加载之前绑定你的事件处理函数,所以我建议你如下安排你的js引用顺序
  1.   <script src="Jquery.js"></script>
  2.     <script src="您自己的js文件"></script>
  3.     <script src="Jquery-mobile.js"></script>
复制代码
要扩展 mobileinit 事件,您首先需要将它与一个自定义函数进行绑定。可使用 bind 方法扩展 mobileinit 事件,来覆盖默认配置(全局选项)。
  1. $(document).bind("mobileinit", function(){
  2.     //覆盖的代码
  3.     });
复制代码
在绑定事件的函数内部,你可以使用$.mobile对象的$.extend方法来配置默认参数值:
  1. $(document).bind("mobileinit", function(){
  2.      $.extend( $.mobile , {
  3.      foo: bar
  4.      });
  5.     });
复制代码
或者单独设置它。

  1.     $(document).bind("mobileinit", function(){
  2.      $.mobile.foo = bar;
  3.     });
复制代码
$.mobile 对象是设置所有属性的起始点
  1. <script type="text/java script" src="/scripts/jquery-1.6.min.js"></script>
  2.     <script type="text/java script">
  3.     $(document).bind("mobileinit", function(){
  4.     $.mobile.defaultTransition = "slidedown";
  5.     $.mobile.ajaxLinksEnabled = false; // 禁用Ajax提交
  6.     $.mobile.ajaxFormsEnabled = false; // 禁用Ajax提交
  7.     $.mobile.ajaxEnabled = false; //禁用Ajax提交
  8.     });
  9.     </script>
  10.     <script type="text/java script" src="/scripts/mobile/jquery.mobile-1.0b1.min.js"></script>
复制代码

it营
回复

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
7#
 楼主| 发表于 2013-10-9 00:18:42 | 只看该作者
路过,支持一下啦
it营
回复 支持 反对

使用道具 举报

23

主题

141

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
6#
发表于 2013-10-7 07:54:13 | 只看该作者
没看完~~~~~~ 先顶,好同志
回复 支持 反对

使用道具 举报

23

主题

141

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
5#
发表于 2013-10-5 16:51:54 | 只看该作者
支持一下:lol
回复 支持 反对

使用道具 举报

0

主题

59

帖子

61

积分

注册会员

Rank: 2

积分
61
地板
发表于 2013-10-4 02:43:39 | 只看该作者
帮帮顶顶!!
回复 支持 反对

使用道具 举报

0

主题

108

帖子

116

积分

注册会员

Rank: 2

积分
116
板凳
发表于 2013-10-1 14:15:40 | 只看该作者
支持一下:lol
回复 支持 反对

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
沙发
 楼主| 发表于 2013-9-27 16:09:31 | 只看该作者
真是 收益 匪浅
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-23 13:25 , Processed in 0.067631 second(s), 32 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表