bootstrap多层modal弹窗同时关闭的解决办法

bootstrap多层modal弹窗时。当子窗口关闭时,所有父窗口一起关闭。

原因是bootstrap在窗口关闭事件委托时,委托给所有窗口。

如源码:

this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this))

改进为

this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]:first', $.proxy(this.hide, this))
this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]:last', $.proxy(this.hide, this))
这样在多层窗口关闭时只会关闭自窗口,不再关闭父窗口

你可能感兴趣的:(Javascript,Web,Bootstrap)