如何在Bootstrap模式窗口打开时将Blur.js添加到bakground图像中，并在关闭模式时取消模糊

Question

我有一个Bootsrap模式窗口，如下所示：

<div class="modal slacker-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="false">
 modal content 
</div>

当我打开这个模态时，我想模糊（使用blur.js）整个背景，这是一个滑块。滑块上的每个图像都有这样的类：.vegas-background

当我关闭模式窗口时，取消对背景图像的遮挡。

Answer 1

试试这样的。。。在Bootstrap 3中，您需要使用"showed.bs.modal"；在引导程序2中，它是"显示"的。

<script>
$( ".modal" ).on('shown.bs.modal', function (e) {
$('.target').blurjs({
    source: 'body',
    radius: 7,
    overlay: 'rgba(255,255,255,0.4)'
});
});
</script>