blur - 如何在 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 中你需要使用'shown.bs.modal'; 在 Bootstrap 2 中它是“显示的”。

<script>

$( ".modal" ).on('shown.bs.modal', function (e) {

$('.target').blurjs({
    source: 'body',
    radius: 7,
    overlay: 'rgba(255,255,255,0.4)'
});

});
</script>