深入了解jQuery Mobile-3装载器
介绍
当jQuery Mobile通过Ajax加载内容或用于自定义通知时,会显示一个小的加载叠加层。
标准loader
$( document ).on( "click", ".show-page-loading-msg", function() {
var $this = $( this ),
theme = $this.jqmData( "theme" ) || $.mobile.loader.prototype.options.theme,
msgText = $this.jqmData( "msgtext" ) || $.mobile.loader.prototype.options.text,
textVisible = $this.jqmData( "textvisible" ) || $.mobile.loader.prototype.options.textVisible,
textonly = !!$this.jqmData( "textonly" );
html = $this.jqmData( "html" ) || "";
$.mobile.loading( "show", {
text: msgText,
textVisible: textVisible,
theme: theme,
textonly: textonly,
html: html
});
})
.on( "click", ".hide-page-loading-msg", function() {
$.mobile.loading( "hide" );
});
<button class="show-page-loading-msg" data-textonly="false" data-textvisible="false" data-msgtext="" data-inline="true">Icon (default)</button>
<button class="show-page-loading-msg" data-textonly="false" data-textvisible="true" data-msgtext="" data-inline="true">Icon + text</button>
<button class="show-page-loading-msg" data-textonly="true" data-textvisible="true" data-msgtext="Text only loader" data-inline="true">Text only</button>
<button class="hide-page-loading-msg" data-inline="true" data-icon="delete">Hide</button>
自定义loader
<button class="show-page-loading-msg" data-theme="b" data-textonly="true" data-textvisible="true" data-msgtext="Custom Loader" data-inline="true" data-html="<span class="ui-bar ui-shadow ui-overlay-d ui-corner-all"><img src="../_assets/img/jquery-logo.png"><h2>is loading for you ...</h2></span>" data-iconpos="right">Custom HTML</button>
<button class="hide-page-loading-msg" data-inline="true" data-icon="delete">Hide</button>
最新文章
- c#自定义日志记录
- MVC区域使用
- System call in linux by C
- cocos2dx建立项目
- 微软职位内部推荐-Software Engineer II-Office Incubation
- Android 程序框架设计
- MFC控件(15):Tooltip
- jQery的链式操作和商城简易导航栏
- C# winform中Show()和ShowDialog()的区别
- 关于 Mybatis 设置懒加载无效的问题
- 关于sha1加密与md5加密
- speech
- Mac中selenium使用出现错误
- PHP中多个文件包含的问题 (二)
- git push以后GitHub上文件夹灰色 不可点击
- 书记查询的App设计
- qt 提高图片加载速度
- 分享至微信、QQ、微博、复制链接
- Java中&;、|、&;&;、||详解
- ROW_NUMBER() OVER(PARTITION BY)
热门文章
- FastDFS 初始
- url规范化:解决从baidu.com到www.baidu.com的
- ZT 父子进程共享文件描述符
- fstat、stat和lstat 区别(转)
- RPMForge介绍及安装
- 【转】Android Activity原理以及其子类描述,androidactivity
- idea + maven + webapp 项目搭建
- Android学习笔记_81_Android ProgressDialog ProgressBar 各种效果
- HDFS副本存放读取
- MVC5 数据注解和验证