关闭 Bootstrap 模式对话框后，查看页面被锁定/禁用

Question

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

我正在使用 Backbone (Chaplin) JS、jQuery 和 Handlebars

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

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

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

   this.model.tabledata.push(new_record);

   this.render();

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

结果和问题：

• 用新记录刷新表
• 模态对话框消失了
• 视图被锁定，像灰色一样，不再响应点击。

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

Answer 1

最后我想出了一种方法来解决我的问题。 代码如下：

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

基本上我需要在渲染父视图页面之前等待对话框完全关闭。 不确定为什么，但这有效。 希望有人能帮忙解答。 我想这与触发事件序列有关。

Answer 2

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

• 隐藏模式： $('#modalId').modal('hide');

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

我希望这个答案有帮助