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

  1. <script>
  2. <!--
  3. $(document).bind("mobileinit", function(){
  4. });
  5. $( function() {
  6. //默认设置,一个小圈圈在转
  7. $('#default').live( 'tap', function() {
  8. $.mobile.loadingMessageTextVisible = false;
  9. $.mobile.showPageLoadingMsg();
  10. } );
  11. //小圈子外围加矩形的背景
  12. $('#loadingMessageTextVisible').live( 'tap', function() {
  13. $.mobile.loadingMessageTextVisible = true;
  14. $.mobile.loadingMessageTheme = 'a';
  15. $.mobile.showPageLoadingMsg();
  16. } );
  17. //矩形背景样式为e
  18. $('#loadingMessageTheme').live( 'tap', function() {
  19. $.mobile.loadingMessageTextVisible = true;
  20. $.mobile.loadingMessageTheme = 'e';
  21. $.mobile.showPageLoadingMsg();
  22. } );
  23. //小圈子下面加上文字
  24. $('#customText').live( 'tap', function() {
  25. $.mobile.loadingMessageTextVisible = true;
  26. $.mobile.showPageLoadingMsg( 'a', "Please wait..." );
  27. } );
  28. //只有文字,没有小圈子在转
  29. $('#noSpinner').live( 'tap', function() {
  30. $.mobile.loadingMessageTextVisible = true;
  31. $.mobile.showPageLoadingMsg( 'a', "Please wait...", true );
  32. } );
  33. } );
  34. -->
  35. </script>

HTML代码:

  1. <p><a id="default" data-role="button">Default Loader</a></p>
  2. <p><a id="loadingMessageTextVisible" data-role="button">loadingMessageTextVisible = true</a></p>
  3. <p><a id="loadingMessageTheme" data-role="button">loadingMessageTheme = 'e'</a></p>
  4. <p><a id="customText" data-role="button">Custom Text</a></p>
  5. <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点击显示加载等待效果的更多相关文章

  1. 基于jQuery实现点击列表加载更多效果

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>   < ...

  2. WPF防止界面卡死并显示加载中效果

    原文:WPF防止界面卡死并显示加载中效果 网上貌似没有完整的WPF正在加载的例子,所以自己写了一个,希望能帮到有需要的同学 前台: <Window x:Class="WpfApplic ...

  3. 手机站全局的html+css加载等待效果

    本文只提供思路,CSS神马的自己定制吧,JS是可以优化的,比如,输出图片的JS也可以放到showdiv()里面,我没有做优化,只是实现,别笑话我,我比较懒... 基本思路:由于Html的解析是从上到下 ...

  4. C#.Net网页加载等待效果漂亮并且简单

    最近网页加载数据比较多,点击后给用户就是白板很不友好,想了很久找了些资料,在网页加载中显示等待画面给客户,页面加载完成自动隐藏等待效果. 在网页后台cs代码:    protected void Pa ...

  5. jQuery Mobile中的页面加载与跳转机制

    第一次做用jQuery Mobile做东西,发现一些跟平时的思维习惯不太一样的.其中这个框架的页面加载机制便是其中一个.如果不明白其中的奥秘,往往会出现一些让人摸不着头脑的怪现象,比如页面进入后点击按 ...

  6. jquery mobile转场时加载js失效(转)

    jquery mobile拦截了所有的http请求,并使用ajax请求取代传统的http.请求发出后,框架会将请求的内容插入到页面中data- role="page"的部分,取代原 ...

  7. jquery mobile转场时加载js失效

    jquery mobile拦截了所有的http请求,并使用ajax请求取代传统的http.请求发出后,框架会将请求的内容插入到页面中data- role="page"的部分,取代原 ...

  8. js加载等待效果

    demo01: 加载首页的时候,可能会很缓慢,放一张等待图片. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ...

  9. 利用PreLoader实现一个平视显示(HUD)效果(可以运用到加载等待效果),并进行简单的讲解

    什么是PreLoader? PreLoader是由Volodymyr Kurbatov设计的一个很有意思的HUD(平视显示效果(Head Up Display)),通过运动污点和固定污点之间的粘黏动画 ...

随机推荐

  1. C#委托

    1.什么是委托: 委托是一个类型安全的对象,它指向程序中另一个以后会被调用的方法(或多个方法).它类似C语言里的函数指针,但它是类型安全的. 委托类型包含3个重要的信息: 它所调用的方法的名称 该方法 ...

  2. [原创]cocos2d-x研习录-第三阶 特性之调度器

    在游戏中,经常会周期执行一些检测.操作或更新一些数据等,我们称之为调度.Cocos2D-x中将调度封装为类CCScheduler,方便在游戏开发中使用.我们一起来学习一下,CCScheduler具有哪 ...

  3. MEF 编程指南(三):声明导出

    组合部件通过 [System.ComponentModel.Composition.ExportAttribute] 特性声明导出.MEF 有几种不同的方式声明导出,包括在部件层面(Part Leve ...

  4. fedora 23中配置nfs-server

    fedora 23中配置nfs-server */--> fedora 23中配置nfs-server Table of Contents 1. 产考资料 2. NFS配置文件 2.1. /et ...

  5. C#错误与异常处理

    C# 提供了几个关键字(try.catch 和 finally),程序可以用这些关键字检测异常.处理异常并继续运行.这些关键字是让应用程序更可靠的非常有用的工具. class tryAndCatch ...

  6. subplot的几个详细说明

    http://blog.sciencenet.cn/blog-251664-800766.html

  7. Ubuntu实现双网卡双IP双待机

    Ubuntu实现双网卡双IP双待机 待机是借用了手机中的说法,其实是电脑上有两个网卡,一个无线,一个有线的.要实现无线访问外网Google Baidu查资料,有线网卡直接连接开发板.在Ubuntu上配 ...

  8. javaScript高级程序设计笔记 2

    Undefinde Null Boolean Number String    基本类型 Object    引用类型 只有引用类型才能动态的添加属性 赋值基本类型和引用类型也不相同,复制的基本类型的 ...

  9. 转载, sublime text3 input函数无法执行问题解决方法

    一.安装插件SublimeREPL 按Ctrl+Shift+P,打开命令框.输入Install Package,回车,等待几秒钟,会弹窗提示“安装成功”.    按Ctrl+Shift+P,打开命令框 ...

  10. 关于学习JAVA第二章的心得

    这章主要讲了JAVA的变量,数据类型和运算符的使用方法及规则. 其实在大一的时候接触过一点C和C++的知识所以对变量,数据类型,运算符还是有一定了解的. 变量其实就是存储数据的空间.我们每次使用某一种 ...