Как добавить Blur.js к bakground изображению, когда модальное окно Bootstrap открыто и unblur, когда я закрываю модальное

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 вам нужно использовать 'show.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>