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

本文介绍了一个关于Bootstrap多层Modal弹窗的问题及其解决方案。当子Modal关闭时,会错误地导致所有父Modal一同关闭。通过对源码的修改,确保了只有当前Modal会被关闭,避免了父级Modal误关闭的情况。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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))
这样在多层窗口关闭时只会关闭自窗口,不再关闭父窗口
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值