jquery Mobile点击显示加载等待效果
2017-04-10 18:55
585 查看
点击某个按钮或链接时,触发等待加载效果:
HTML代码:
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
<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 Mobile点击显示加载等待效果
- jquery Mobile点击显示加载等待效果
- jquery Mobile点击显示加载等待效果
- jquery Mobile点击显示加载等待效果
- jquery Mobile点击显示加载等待效果
- jQuery Ajax 异步加载显示等待效果代码分享
- ajax 异步加载显示等待效果
- jQuery Mobile学习之grid、等待显示的ajax效果、页面跳转、页面跳转传递参数等(二)
- 利用PreLoader实现一个平视显示(HUD)效果(可以运用到加载等待效果),并进行简单的讲解
- jQuery Ajax 异步加载显示等待效果代码分享
- Javascript在ajax提交过程中页面显示加载中,请等待效果,并在提交过程中限制确定按钮防止多次提交,提交完成后,解除提交限制
- ajax 异步加载显示等待效果
- 页面请求完成显示(页面未加载完成时等待的效果)
- 利用PreLoader实现一个平视显示(HUD)效果(可以运用到加载等待效果),并进行简单的讲解
- 新蛋网的大图展示效果,缩略图点击显示大图,上一个下一个
- Silverlight数据加载时,等待图标显示与隐藏(Loading) (转)
- Silverlight数据加载时,等待图标显示与隐藏(Loading)
- js实现点击显示效果[select]
- 设计input搜索框提示文字点击消失的效果,提示文字与输入显示不同----->特别推荐
- 点击显示隐藏菜单,动画效果,半透明,支持所有浏览器