1

次のような Bootsrap モーダル ウィンドウがあります。

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

このモーダルを開くと、スライダーである背景全体を (blur.js で) ぼかしたいと思います。そのスライダーのすべての画像には、次のクラスがあります。.vegas-background

モーダル ウィンドウを閉じると、背景画像のぼかしが解除されます。

4

1 に答える 1

0

このようなことを試してください... 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>
于 2015-02-05T20:27:56.937 に答える