关闭当前页面所有模态框

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/weixin_37064409/article/details/78695994

当前页面不止一个可拖动模态框，当切换目录是应该将当前页面上的所有模态框关闭，模态框太多不能根据模态框ID名去关闭。

版本一：

    //眉毛胡子一把抓，不管有没有开过当前模态框一律关闭
    $(".modal").modal("hide");

    //事实证明，你越想省事最后越麻烦
    //问题：
    //我之前绑定在关闭模态框上的事件，每次都会重复执行，导致发送后台的命令重复，服务器处理多余指令
    $(".modal").on("hide.bs.modal", function () {});

版本二：

    //判断当前模态框状态，如果为开启状态则关闭 ！

     $('.modal').map(function () {
         if (!$(this).is(":hidden")){
             $(this).modal('hide');
         }
     });

    //jquery 并没有办法直接判断模态框是否是开着的只有:hidden,没有:show
    //but，！取反就可以。
    //is() 遍历方法，返回匹配的true/false

以上：判断模块框状态，并关闭已开启