jQuery Mobile里xxx怎么用呀? (事件篇)

我会带着你远行 2021-11-14 12:16 219阅读 0赞

## jQuery Mobile里$(document).ready()怎么用呀？ ##

相关链接:

*   *  [http://jquerymobile.com/demos/1.2.1/docs/api/globalconfig.html][http_jquerymobile.com_demos_1.2.1_docs_api_globalconfig.html]

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/][http_api.jquerymobile.com_category_events]

*   *  **`pagebeforeload`**, **`pageload`** and **`pageloadfailed`** are fired when an external page is loaded
     *  **`pagebeforechange`**, **`pagechange`** and **`pagechangefailed`** are page change events. These events are fired when a user is navigating between pages in the applications.
     *  **`pagebeforeshow`**, **`pagebeforehide`**, **`pageshow`** and **`pagehide`** are page transition events. These events are fired before, during and after a transition and are named.
     *  **`pagebeforecreate`**, **`pagecreate`** and **`pageinit`** 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/][http_jsfiddle.net_Gajotres_QGnft]

(以上内容copy自[http://stackoverflow.com/questions/14468659/jquery-mobile-document-ready-vs-page-events][http_stackoverflow.com_questions_14468659_jquery-mobile-document-ready-vs-page-events]，有那么好的讲解我为什么不用！)

[http_stackoverflow.com_questions_14468659_jquery-mobile-document-ready-vs-page-events]: http://stackoverflow.com/questions/14468659/jquery-mobile-document-ready-vs-page-events
[http_jquerymobile.com_demos_1.2.1_docs_api_events.html]: http://jquerymobile.com/demos/1.2.1/docs/api/events.html
[http_jquerymobile.com_demos_1.0.1_docs_pages_page-scripting.html]: http://jquerymobile.com/demos/1.0.1/docs/pages/page-scripting.html
[http_jquerymobile.com_demos_1.2.1_docs_api_globalconfig.html]: http://jquerymobile.com/demos/1.2.1/docs/api/globalconfig.html
[http_api.jquerymobile.com_category_events]: http://api.jquerymobile.com/category/events/
[http_jsfiddle.net_Gajotres_QGnft]: http://jsfiddle.net/Gajotres/QGnft/