backbone.js 关闭引导模式对话框后,视图页面被锁定/禁用

fwzugrvs  于 2022-11-10  发布在  其他
关注(0)|答案(2)|浏览(198)

这个问题现在快把我逼疯了。下面是我正在做的序列和代码:
我使用的是Backbone(卓别林)JS、jQuery和手柄
1.在通过Handlebar模板呈现的视图中显示包含多行的表
1.从页面启动引导模式对话框
1.填写一些信息,点击模态对话框上的“保存”按钮。
1.在按钮单击处理程序函数中,插入表行的记录以模拟数据,如下所示:
(新记录);
这个.render();
1.调用render以使用更新的模型数据刷新视图
结果和问题:

  • 将使用新记录刷新表
  • 模式对话框消失
  • 视图锁定(如灰色),不再响应单击。

问题是什么?如何解决?请帮助!

8hhllhi2

8hhllhi21#

我也遇到过类似问题。我发现,Modal Show上的引导程序创建了一个带有“modal-background”类的div-layer。因此,如果您想返回到该页面并再次启用该页面,请执行以下操作:

  • 隐藏模态:$('#modalId').modal('hide');
  • 移除div图层:$(".modal-backdrop").remove();

我希望这个答案能有所帮助

nsc4cvqm

nsc4cvqm2#

最后我找到了一个方法来解决我的问题。代码如下:

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

基本上,我需要等待对话框完全关闭,然后才能呈现父视图页面。不知道确切的原因,但这是可行的。希望有人能帮助回答。我猜这与激发的事件序列有关。

相关问题