jQueryMobile初始化事件使用(案例详解)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jQueryMobile初始化事件使用(案例详解),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1785字,纯文字阅读大概需要3分钟。
内容图文
这次给大家带来jQuery Mobile初始化事件使用(案例详解),jQuery Mobile初始化事件使用的注意事项有哪些,下面就是实战案例,一起来看一下。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>
相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!
推荐阅读:
Mobile框架中怎样使用表单组件
jQuery Mobile与Kendo UI使用时有哪些区别
Jquery实现跨域异步上传文件步骤详解
以上就是jQuery Mobile初始化事件使用(案例详解)的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的jQueryMobile初始化事件使用(案例详解)全部内容,希望文章能够帮你解决jQueryMobile初始化事件使用(案例详解)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。