jQuery Mobile里xxx怎么用呀? (事件篇)
http://app-framework-software.intel.com/
http://app-framework-software.intel.com/api2/#$_proxy
jQuery Mobile里$(document).ready()怎么用呀?
相关链接:
- 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.0.1/docs/pages/page-scripting.html
注意事项:
- 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怎么用呀?
相关链接:
- 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/
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,有那么好的讲解我为什么不用!)
转载于:https://www.cnblogs.com/wicub/p/3425537.html
jQuery Mobile里xxx怎么用呀? (事件篇)相关推荐
- jQuery Mobile的学习时间bottonbutton的事件学习
版权声明:本文为博主原创文章.未经博主同意不得转载. https://blog.csdn.net/xmt1139057136/article/details/27700521 程序猿都非常懒,你懂的! ...
- 使用 jQuery Mobile 与 HTML5 开发 Web App (十二) —— jQuery Mobile 页面事件与 deferred
在系列的上一篇文章<使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 事件详解>中,Kayo 介绍了除页面事件外的其他 jQuery ...
- 使用 jQuery Mobile 与 HTML5 开发 Web App (十一) —— jQuery Mobile 事件详解
在前文<使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 默认配置与事件基础>中,Kayo 对 jQuery Mobile 事件的基 ...
- 使用 jQuery Mobile 与 HTML5 开发 Web App (十三) —— jQuery Mobile 方法上
本篇介绍的,是 jQuery Mobile 的方法.对比于 jQuery 方法可以实现 DOM 遍历,动画,Ajax 等各种丰富的操作,jQuery Mobile 的方法更像是 jQuery Mobi ...
- w3cschool的jQuery Mobile教程总结
w3cschool的jQuery Mobile教程总结 jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架. jQuery Mobile 工作于所有主流的智能手机和平板电脑上. 一 ...
- 使用 jQuery Mobile 与 HTML5 开发 Web App (六) —— jQuery Mobile 内容格式
今天开始, "使用 jQuery Mobile 与 HTML5 开发 Web App" 的系列文章将会继续,这次要介绍的是 jQuery Mobile 的内容格式部分,这也是 jQ ...
- 使用 jQuery Mobile 与 HTML5 开发 Web App (三) —— jQuery Mobile 按钮
一.Button 组件及 jQuery Mobile 如何丰富组件样式 在 jQuery Mobile 里,可以通过给任意链接添加 data-role="button" 来产生一个 ...
- JQuery Mobile 学习
手机端JQuery: http://www.w3school.com.cn/jquerymobile/ 1.JQuery mobile库引用: <link rel="styleshee ...
- JQuery Mobile中特有事件和方法
JQuery Mobile中特有事件和方法是本文要介绍的内容,主要是来了解JQuery Mobile中的事件和方法的应用,具体内容来看本文详解. 1.触摸屏事件-- Touch events tap ...
最新文章
- Arm 发布Mali多媒体套件,机器学习将不再是高端手机的专享
- ICCV 华人团队提出会创作的Paint Transformer,网友反驳:这也要用神经网络?
- vm虚拟机和windows共享文件夹
- [leetcode] Pow(x, n)
- 用shell查看关键数据
- 谷歌:开源捐赠需分成,否则下架!
- SDL_BlitSurface的参数是两个PNG时,如何保护其透明度
- java awt 教程_JAVA教程第五讲AWT图形用户界面设计
- 【.NET6+WPF】WPF使用prism框架+Unity IOC容器实现MVVM双向绑定和依赖注入
- Unity Module Manager 模块管理器
- 用matlab求解分支定界法,matlab分支定界法程序
- 手把手教你 VSCode搭建STM32开发环境
- syn 攻击脚本 python_python制作SYN泛洪攻击工具
- 海量数据处理面试题集锦
- Log4j输出终端(Appender)详解
- 饿了么虚拟号码可以发短信吗_饿了么隐私
- Verilog转电路图
- mysql插入数据的时候,有就更新没有就新增
- 网络安全必学知识点之XSS漏洞
- java实现双人摇骰子_Java实现的简单掷骰子游戏示例