点击某个按钮或链接时,触发等待加载效果:
<script>
<!--
$(document).bind("mobileinit", function(){
});
$( function() {
//默认设置,一个小圈圈在转
$('#default').live( 'tap', function() {
$.mobile.loadingMessageTextVisible = false;
$.mobile.showPageLoadingMsg();
} );
//小圈子外围加矩形的背景
$('#loadingMessageTextVisible').live( 'tap', function() {
$.mobile.loadingMessageTextVisible = true;
$.mobile.loadingMessageTheme = 'a';
$.mobile.showPageLoadingMsg();
} );
//矩形背景样式为e
$('#loadingMessageTheme').live( 'tap', function() {
$.mobile.loadingMessageTextVisible = true;
$.mobile.loadingMessageTheme = 'e';
$.mobile.showPageLoadingMsg();
} );
//小圈子下面加上文字
$('#customText').live( 'tap', function() {
$.mobile.loadingMessageTextVisible = true;
$.mobile.showPageLoadingMsg( 'a', "Please wait..." );
} );
//只有文字,没有小圈子在转
$('#noSpinner').live( 'tap', function() {
$.mobile.loadingMessageTextVisible = true;
$.mobile.showPageLoadingMsg( 'a', "Please wait...", true );
} );
} );
-->
</script>
HTML代码:
<p><a id="default" data-role="button">Default Loader</a></p>
<p><a id="loadingMessageTextVisible" data-role="button">loadingMessageTextVisible = true</a></p>
<p><a id="loadingMessageTheme" data-role="button">loadingMessageTheme = 'e'</a></p>
<p><a id="customText" data-role="button">Custom Text</a></p>
<p><a id="noSpinner" data-role="button">No Spinner</a></p>
http://www.elated.com/res/File/articles/development/javascript/jquery/jquery-mobile-1-1-smoother-faster-nicer/loading.html
http://my.oschina.net/geomen/blog/60259
jqueryMobile插件仿iPhone滑动出现删除按钮
http://www.oschina.net/code/snippet_152736_17798
jquery mobile 侧滑插件
http://mmenu.frebsite.nl/
jQuery Mobile十大常用技巧
http://blog.csdn.net/hezudao25/article/details/8052785
jquery mobile 中文手册API
http://www.lampweb.org/jquerymobile/5/11.html
JqueryMobile 动态添加元素css丢失的终极解决办法
http://blog.csdn.net/lgd5979/article/details/7161339
Bootstrap中文网
http://v3.bootcss.com/
jQuery插件库
http://www.jq22.com/
移动开发必备!15款jQuery Mobile插件
http://www.csdn.net/article/2013-11-22/2817596-15-jquery-mobile-plugins-for-mobile-dev/1
分享到:
相关推荐
jquery实现的等待加载页面 即实现更好的用户交互效果
使用jquerymobile移动框架,利用jquery的ajax滚动加载内容。
使用jquerymobile移动框架,利用jquery的ajax滚动加载内容。
jquery mobile listview动态加载json
简单的jQuery加载等待转圈页面小插件
jquery mobile分页显示插件
下拉刷新,上拉加载,基于JqueryMobile1.4.3+iScroll4,适用于开发WebApp
jQuery实现图片动态加载效果 鼠标滚动时图片动态加载
jQuery懒加载点击加载图片代码是一款加载更多代码,不兼容IE6,7,8。
资源名称:jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介:《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从...
1.jQuery Mobile 是一个用于创建移动端web应用的的前端框架。 2.jQuery Mobile 构建于 jQuery 以及 jQuery UI类库之上,如果您了解 jQuery,您可以很容易的学习 jQuery Mobile。 3.jQuery Mobile 使用了极少的 ...
jQuery mobile新闻图片一样的显示图片
jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。 jQuery Mobile 可以应用于智能手机与平板电脑。 jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页。
jQuery Mobile API文档。jQuery Mobile是jQuery框架的一个组件(而非jquery的移动版本)。jQuery Mobile是一款基于HTML5的用户界面系统,旨在使所有智能手机,平板电脑和桌面设备上都可以访问的响应网站和应用。...
jQuery mobile相册的一种样式
jquery.lazyload图片预加载 调用简单 内有实例
1、下拉刷新,上拉加载。 2、基于JqueryMobile1.4.3+iScroll4。 3、适用于开发WebApp和手机网站
jQuery点击加载更多按钮加载图片效果 jQuery点击加载更多按钮加载图片效果
jQuery mobile卡片式的时钟显示
jQuery Mobile音乐播放代码 为什么使用 jQuery Mobile? 通过使用jQuery Mobile 可以 "写更少的代码,做更多的事情" : 它可以通过一个灵活及简单的方式来布局网页,且兼容所有移动设备。 lamp 不同设备使用了...