关于bootstrap中两个模态框嵌套的问题

在bootstrap中如果存在两个模态框先后弹出时,就会出现一些问题,比如关闭最上层模态框时,会发现下一层的那个模态框无法滚动,这时候你滚动的会是body页面的内容,通过查阅得知是因为遮罩层的原因可以在关闭位置添加如下代码,给body添加一层遮罩层,

$("#myModal").on("hidden.bs.modal", function () {
						if ($('.modal.in').size() >= 1) {
                            $('body').addClass('modal-open')
                        }
					 });

但是在我的业务中会出现首次点击关闭按钮时以上代码没有生效,第二次点击关闭才会生效,然后我将上面代码添加到弹出第一个模态框的位置就可以的,不知道这个bug的原因是啥,难道是因为使用avalon框架的原因,希望有缘之人留言.