bootstrap模态框内跳转页面去掉遮罩层

版权声明：本文可转载 ，但转载必须注明出处并附带本文链接 https://blog.csdn.net/qq_27868533/article/details/80748162

       bootstrap的模态框相信很多前端小伙伴都在用，不知道你有没有遇到在模态框内跳转页面的情况，跳转过去之后，模态框外面阴影遮罩层还是在整个界面，必须刷新一次界面才能操作界面。
       不管在触发跳转的地方使用 data-dismiss="modal" 还是使用函数手动关闭 $('#myModal').modal('hide') 都不起效，然而正真的罪魁祸首：

<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
...
</div>

是模态框的 .fade类造成的。.fade 是模态框弹出时的动画效果（淡入淡出效果），在执行关闭modal窗口的时候，由于动画的延迟，界面已经跳转，但是动画被强行终止，就出现了遮罩层未消失，只需要在需要跳转的模态框删掉 fade 类名即可解决此类问题。