浅析jQuery Mobile的初始化事件

 更新时间:2015年12月03日 16:20:35   投稿:goldensun  
这篇文章主要介绍了浅析jQuery Mobile的初始化事件,jQuery是当前人气最高的JavaScript库,需要的朋友可以参考下

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>

相关文章

  • jquery模拟多级复选框效果的简单实例

    jquery模拟多级复选框效果的简单实例

    下面小编就为大家带来一篇jquery模拟多级复选框效果的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • jquery实现表单验证简单实例演示

    jquery实现表单验证简单实例演示

    这篇文章向大家推荐了一个jquery实现表单验证简单实例演示,需要的朋友可以参考下
    2015-11-11
  • Jquery通过ajax请求NodeJS返回json数据实例

    Jquery通过ajax请求NodeJS返回json数据实例

    本篇文章主要是介绍Jquery通过ajax请求NodeJS返回json数据,具有一定的参考价值,有需要的可以了解一下。
    2016-11-11
  • EasyUI的DataGrid每行数据添加操作按钮的实现代码

    EasyUI的DataGrid每行数据添加操作按钮的实现代码

    今天做项目的时候,想在easyui的datagrid每一列数据后边都加上一个操作按钮,怎么实现此功能呢?下面小编给大家带来了EasyUI的DataGrid每行数据添加操作按钮的实现代码,需要的朋友参考下吧
    2017-08-08
  • 使用jquery mobile做幻灯播放效果实现步骤

    使用jquery mobile做幻灯播放效果实现步骤

    使用jquery mobile,可以很容易实现幻灯播放效果,摆脱繁杂的步骤轻松实现,接下来介绍,有需要的朋友可以参考下
    2013-01-01
  • jquery构造器的实现代码小结

    jquery构造器的实现代码小结

    jQuery的$符号非常神奇,它可以接受一个字符,也可以接受一个文档对象或window对象,亦可以传个函数进行变为domReady加载器
    2011-05-05
  • JQuery判断radio是否选中并获取选中值的示例代码

    JQuery判断radio是否选中并获取选中值的示例代码

    这篇文章主要介绍了JQuery判断radio是否选中并获取选中值的方法,代码很简单,但很实用,需要的朋友可以参考下
    2014-10-10
  • jquery 中toggle的2种用法详解(推荐)

    jquery 中toggle的2种用法详解(推荐)

    下面小编就为大家带来一篇jquery 中toggle的2种用法详解(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • 基于jQuery的淡入淡出可自动切换的幻灯插件

    基于jQuery的淡入淡出可自动切换的幻灯插件

    基于jQuery淡入淡出可自动切换的幻灯插件,原型是前几天写的一个幻灯效果,因为一个小bug卡了两天,然后清空之前写的代码,重新整理思路写出来的. 思维是个很诡异的东西,一旦陷入某个死角,很难逃出. 惟有冷却一些时间,完全抛开旧的思维,才能找到新的出路.
    2010-08-08
  • jquery滚动特效集锦

    jquery滚动特效集锦

    本文给大家汇总介绍的是jquery单行滚动、批量多行滚动、文字图片翻屏滚动效果代码,都是分厂常用的一些文字以及图文的无缝滚动特效,希望能够对大家熟悉jQuery有所帮助。
    2015-06-06

最新评论