jQuery自制提示框tooltip改进版
431
2024-02-23
jQuery Mobile 包括一个初始化事件,该事件甚至会先于 jQuery 的 document.ready 事件进行加载。jQuery Mobile 实际上在文档对象本身上触发其初始化事件,第一个触发的事件是mobileinit。
当Jquery Mobile开始执行时,他就会在document对象上触发mobileinit 事件,因为mobileinit事件是在加载后马上触发,所以你需要在Jquery Mobile加载之前绑定你的事件处理函数,所以我建议你如下安排你的js引用顺序
<script src="http://www.gimoo.net/t/1904/Jquery.js"></script> <script src="http://www.gimoo.net/t/1904/您自己的js文件"></script> <script src="http://www.gimoo.net/t/1904/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.gimoo.net/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="http://www.gimoo.net/scripts/mobile/jquery.mobile-1.0b1.min.js"></script>
#免责声明#
本站[绿夏技术导航]提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序或内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件[admin@lxwl520.com]与我们联系进行删除处理。敬请谅解!