加载twitter bootstrap的掩码插件

Question

是否存在任何用于在AJAX加载时屏蔽页面内容的引导程序插件(如https://code.google.com/p/jquery-loadmask)？

对于BS 3.

谢谢!

Answer 1

我不认为有(虽然我没有完善的知识 - 我现在正在寻找这个解决方案).

但是,我确实找到了这篇博客文章,它从一个方便的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();

结果: