关闭Bootstrap模态对话框后，视图页面被锁定/禁用

Question

这个问题现在让我发疯。这是我正在执行的序列和代码：

我正在使用Backbone（Chaplin）JS，jQuery和Handlebars

1. 在通过Handlebar模板呈现的视图中显示具有多行的表
2. 从页面启动Bootstrap模态对话框

3. 填写一些信息，单击模式对话框上的“保存”按钮。

4. 在按钮单击处理程序函数中，插入表行的记录以对数据进行建模，例如：

   this.model.tabledata.push（new_record）;

   this.render（）;

5. 调用渲染以使用更新的模型数据刷新视图

结果与问题：

• 使用新记录刷新表
• 模式对话框消失
• 视图被锁定为灰色，不再响应单击。

问题是什么以及如何解决？请帮忙！

Answer 1

最后，我找到了解决问题的方法。代码如下：

$('#myModal').modal('hide');
$('#myModal').on('hidden.bs.modal', function () {
    _this.render();
})

基本上，在渲染父视图页面之前，我需要等待对话框完全关闭。不知道确切为什么，但是这可行。希望有人可以帮助回答。我猜想这与触发事件序列有关。

Answer 2

我有类似的问题。我发现，模态秀上的引导程序创建了一个带有“模态背景”类的div层。因此，如果您想返回该页面并再次启用该页面，请执行以下操作：

• 用$('#modalId').modal('hide');隐藏模态]]

• 删除div层：$(".modal-backdrop").remove();

我希望这个答案有帮助