web 按钮Loading...的实现 with Bootstrap
来源:互联网 发布:诛仙3斩龙剑测抗数据 编辑:程序博客网 时间:2024/06/05 11:48
web开发中,有一些按钮点击后需要一段时间进行后台处理,于是需要把按钮状态变成loading状态。
Bootstrap提供了这种效果,实现如下:
HTML:
<button type='submit' class='btn btn-danger btn-block btn-lg' data-loading-text='Processing...' autocomplete='off'>Confirm</button>
JavaScript:
<pre name="code" class="javascript">$('button[type=submit]').on('click', function(event) {var $btn = $(event.target); //start loading $btn.button('loading'); //stop loading $btn.button('reset');});
0 0
- web 按钮Loading...的实现 with Bootstrap
- bootstrap实现loading
- Bootstrap里按钮的动态实现
- Web页面loading的实现方法
- jQuery & CSS3实现loading按钮
- bootstrap的按钮
- bootstrap的按钮特性
- 2.24 Loading Web Pages with UIWebView
- bootstrap中 炫酷按钮的实现(自我总结)
- bootstrap的按钮和按钮群组
- loading的实现(css3)
- bootstrap的内置按钮样式
- Bootstrap—各式各样的按钮
- 利用bootstrap实现圆形按钮 选中变色
- bootstrap表格添加按钮、模态框实现
- bootstrap实现自定义按钮导出Excel表格
- 【Web Tricks 11】模拟Bootstrap标签页的实现
- Bootstrap按钮
- iOS学习笔记06-手势识别
- iOS 离屏渲染的研究(二)
- ios tableView去掉多余分割线 和最后一行分割线顶头显示
- Windows 钩子技术详解
- Android 图片加载 BitmapFun
- web 按钮Loading...的实现 with Bootstrap
- iOS学习笔记07-运动事件和远程控制
- Intellij IDEA调试功能使用总结
- hdu 2196(经典树形dp)
- js处理iframe中子页面与父页面
- spark-sql部署实现与Hive交互
- vim插件
- IEE754 和double类型互转
- SVN 出现Cannot checkout from svn: Server SSL certificate rejected无法导出文件