问题描述:Bootstrap Modal连续打开关闭后,body会增加样式"padding-right:17px",每次打开关闭后都会叠加一次,body宽度逐渐变小。
查找资料后得知,在连续打开关闭modal时,modal关闭会有滞后,导致后一个modal打开时前一个modal尚未关闭,body新增的class="modal-open" 没有移除,每次打开关闭时都会叠加一次,所以出现了上述问题。
解决方法:由于是关闭滞后导致的问题,那就在关闭modal时进行延时一段时间后再打开新的modal:
1、modal有按钮:
jQuery('#modal1 .btn').click(function(){ $('#modal1 ').modal('hide'); setTimeout(function(){ $('#modal2 ').modal('show'); },320); });
2、modal没有按钮时,需要监听modal关闭事件,延时后打开新modal。
注意:modal最小延时时间是320