关闭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();

我希望这个答案有帮助