如何显示隐藏在模式对话框后面的进度条

时间:2016-05-17 07:59:50

标签: javascript jquery angularjs twitter-bootstrap

从模态对话框中,我打开另一个模态对话框。点击“提交”按钮,我想显示一个进度条。

     $scope.case.submit = function () {

         //Show the processing progress bar
         myApp.showPleaseWait();

         var postParams = {

             "CreateCaseInput": {
                 "case_nm": $scope.case.name,
                  ....................

进度条形码看起来像......

var myApp;
myApp = myApp || (function () {

    var pleaseWaitDiv = $('<div class="modal fade" id="pleaseWaitDialog" data-backdrop="static" data-keyboard="false" role="dialog" aria-labelledby="basicModal" aria-hidden="true" tabindex="-1"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h3>Processing...</h3></div><div class="modal-body"><div class="progress progress-striped active"><div class="progress-bar" style="width: 100%;"><span class="sr-only">60% Complete</span></div></div></div></div></div></div></div></div>');

    return {
        showPleaseWait: function () {
            pleaseWaitDiv.modal('show');
        },
        hidePleaseWait: function () {
            pleaseWaitDiv.modal('hide');
        },
    };
})();

但这个酒吧隐藏在模态之后。可以做些什么?

0 个答案:

没有答案