Twitter Bootstrap的加载掩码插件
科迪
司可乐
我认为没有（尽管我不具备完善的知识-我目前正在自己寻找该解决方案）。
但是，我确实找到了此博客文章，该文章从方便的Bootstrap组件创建了一个。
的HTML
<div class="modal hide" id="pleaseWaitDialog" data-backdrop="static" data-keyboard="false">
<div class="modal-header">
<h1>Processing...</h1>
</div>
<div class="modal-body">
<div class="progress progress-striped active">
<div class="bar" style="width: 100%;"></div>
</div>
</div>
</div>
的JavaScript
var myApp;
myApp = myApp || (function () {
var pleaseWaitDiv = $('<div class="modal hide" id="pleaseWaitDialog" data-backdrop="static" data-keyboard="false"><div class="modal-header"><h1>Processing...</h1></div><div class="modal-body"><div class="progress progress-striped active"><div class="bar" style="width: 100%;"></div></div></div></div>');
return {
showPleaseWait: function() {
pleaseWaitDiv.modal();
},
hidePleaseWait: function () {
pleaseWaitDiv.modal('hide');
},
};
})();
用法示例： myApp.showPleaseWait();
结果： 
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
加载Jasny Bootstrap插件的掩码
- 2
Twitter Bootstrap轮播未加载
- 3
Twitter Bootstrap CSS未加载
- 4
Twitter Bootstrap导航图标加载程序
- 5
Twitter Bootstrap还会加载“ .less”文件
- 6
Twitter移动页面加载
- 7
Twitter Bootstrap网格：
- 8
正确打印Twitter Bootstrap
- 9
隐藏Twitter Bootstrap按钮
- 10
Twitter Bootstrap列填充？
- 11
Twitter Bootstrap的列排序
- 12
Twitter Bootstrap：打印徽章
- 13
CSS Twitter Bootstrap表单
- 14
Twitter Bootstrap Align Center。
- 15
Twitter Bootstrap，不引导
- 16
Twitter Bootstrap列位置
- 17
Twitter Bootstrap Modal关闭
- 18
使用Slywalker的Twitter Bootstrap作为Cakephp中的插件
- 19
Twitter Bootstrap和jQuery验证插件-位置或错误文本
- 20
图像未显示在选择框中（Twitter Bootstrap插件）
- 21
Facebook和Twitter插件的位置
- 22
在Twitter Bootstrap模式下动态加载Google Map
- 23
Twitter Bootstrap中未禁用“数据加载”按钮
- 24
使用angular-cli时无法加载twitter bootstrap资源
- 25
Twitter Bootstrap轮播导航显示
- 26
Twitter Bootstrap nuget包的区别？
- 27
Twitter Bootstrap标签的最大宽度
- 28
Twitter Bootstrap的工具提示问题
- 29
Twitter Bootstrap 3 Glyphicons错误
我来说两句