解决bootstrap的modal弹窗不支持弹出多个的问题

bootstrap的modal弹窗不支持弹出多个，编写了如下代码来解决此问题，加上此代码后，当弹出多个弹窗时，后面弹出的modal和遮罩层要将上一个盖住。

$(document).on('shown.bs.modal', '.modal.my-modal', function (event) { 

        var initZIndex = 1050;              //modal层的初始z-index

        var initMaskZIndex = 1040;          //遮罩层modal-backdrop的初始z-index

        var visibleLen = $('.modal:visible').length;        //已显示的modal层个数

        if(visibleLen > 1) {

            var zIndex = initZIndex + (10 * (visibleLen - 1));

            var zIndexMask = initMaskZIndex + 1 + (10 * (visibleLen - 1));

            $(this).css('z-index', zIndex);

            var mask = $('.modal-backdrop.in');

            var len = $('.modal.in').length;

            mask.eq(len-1).css('z-index', zIndexMask);

        } else {

            $('.modal.in').css('z-index', initZIndex);

            $('.modal-backdrop.in').css('z-index', initMaskZIndex);

        }

});