jQuery Mobile里xxx怎么用呀? (事件篇)
http://app-framework-software.intel.com/
http://app-framework-software.intel.com/api2/#$_proxy
jQuery Mobile里$(document).ready()怎么用呀?
相关链接:
注意事项:
-
- Use $(document).bind('pageinit/pageshow'), not $(document).ready()
- 默认设置下,jQueryMobile网站第一个页面之后的所有页面都是使用AJAX去加载的,而document.ready只会在第一个页面加载时执行,that's why not document.ready.
- 相对应的,pageinit/pageshow事件则像是加载页面AJAX代码的一个回调(callback)函数,请求成功后便触发执行
jQuery Mobile里mobileinit event怎么用呀?
相关链接:
mobileinit事件的作用:
-
- 更改默认设置(To override default settings)
- 在page加载之前绑定事件处理函数(bind pageshow/pageinit event handlers before page is loaded)
注意事项:
-
- mobileinit事件处理函数的代码一定要放在在jquery加载之后,jquerymobile加载之前
-
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script> $(document).on("mobileinit", function(){ $(document).on('pageshow', 'div:jqmData(role="page"), div:jqmData(role="dialog")', function(event){ //pageshow handler goes here }); $(document).on('pageinit', function() { //pageinit handler goes here }); }); </script> <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
jQuery Mobile里page事件触发顺序是怎样的?
First all events can be found here: http://api.jquerymobile.com/category/events/
-
pagebeforeload
,pageload
andpageloadfailed
are fired when an external page is loadedpagebeforechange
,pagechange
andpagechangefailed
are page change events. These events are fired when a user is navigating between pages in the applications.pagebeforeshow
,pagebeforehide
,pageshow
andpagehide
are page transition events. These events are fired before, during and after a transition and are named.pagebeforecreate
,pagecreate
andpageinit
are for page initialization.pageremove
can be fired and then handled when a page is removed from the DOM
Page loading jsFiddle example: http://jsfiddle.net/Gajotres/QGnft/
(以上内容copy自http://stackoverflow.com/questions/14468659/jquery-mobile-document-ready-vs-page-events,有那么好的讲解我为什么不用!)
作者:Wicub
免责声明:文章、笔记等仅供分享、探讨、参考等学习之用,因此造成的任何后果概不负责。(如有错误、疏忽等问题,欢迎指正、讨论,谢谢)
本文版权归作者和博客园共有,欢迎转载,但请务必在文章页面明显位置给出原文连接,谢谢配合。