Bootstrap Modal连续打开关闭后,body会增加样式"padding-right:17px"

问题描述：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