Javascript 引导模式“隐藏”不工作

我尝试了一打关于如何使模态消失的提示，但没有一个解决了我的问题。首先，请允许我分享一些关于这个问题的细节

该模式由用户触发的事件（即按钮单击）弹出，但当JavaScript计时事件结束时，该模式应该消失。请参见下面的伪代码：

User event is triggered that sends Ajax requests to server
Show modal
Create JS timing event
Let the timing event wait until all Ajax requests are finished
Hide modal

使用IE的DOM Explorer，我观察到模式标记的状态如下，这是在所有Ajax调用完成之后：

<div class='modal hide in' id='progress-indicator-dialog' aria-hidden='false' style='display:block;' data-keyboards='false' data-backdrop='static'>
    <div class='modal-header'>
        <h1 id='progress-indicator-dialog-title'>Processing...</h1>
    </div>
    <div class='modal-body'>
        <div class='progress progress-striped active'>...</div>
    </div>
</div>

HTML：只有模态部分

<div class='modal hide' id='progress-indicator-dialog' data-backdrop='static' data-keyboard='false'>
    <div class='modal-header'>
        <h1 id='progress-indicator-dialog-title>...</h1>
    </div>
    <div class='modal-body'>
        <div class='progress progress-stripped active'>
            <div class='bar' style='width:100%;'></div>
        </div>
    </div>
</div>

---

如果你能在JSFIDLE或类似的平台上分享一个例子，展示你的JavaScript代码，那就更好了。@Danko-如果这么简单的话，我会的。我在这篇文章中简化了我的示例，但实际上我正在处理一个名为Orchard的CMS包，其中一些代码部分是动态生成的。从这个上下文中提取我的代码片段将是太多的工作了。style='display:block；'论情态元素是罪魁祸首。由于您没有共享您的代码，我不知道这是从哪里来的。@DerekS-我知道进程结束时“display”值应该是“none”。但是我的问题是为什么.modal'hide'不起作用，或者任何其他手动操作都无法使用jQuery隐藏或删除整个'div'。

<div class='modal hide' id='progress-indicator-dialog' data-backdrop='static' data-keyboard='false'>
    <div class='modal-header'>
        <h1 id='progress-indicator-dialog-title>...</h1>
    </div>
    <div class='modal-body'>
        <div class='progress progress-stripped active'>
            <div class='bar' style='width:100%;'></div>
        </div>
    </div>
</div>