首页 > Web开发 > 详细

jquery Mobile点击显示加载等待效果

时间：2014-07-16 12:00:31 阅读：250 评论：0 收藏：0 [点我收藏+]

标签：blog http java os art for

点击某个按钮或链接时，触发等待加载效果：

Xml代码

<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代码：

Xml代码

<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 Mobile点击显示加载等待效果,布布扣,bubuko.com

jquery Mobile点击显示加载等待效果

标签：blog http java os art for

原文地址：http://www.cnblogs.com/ranzige/p/3843183.html

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！