1

我想在具有不同来源的两个不同元素上使用 blur.js。我怎样才能做到这一点?

到目前为止我的代码:

 $('.blurry1').blurjs({
      source: '.source1',
      cache: false, 
      radius: 10,
      debug: 1,
 });

 $('.blurry2').blurjs({
      source: '.source2',
      cache: false, 
      radius: 10,
      debug: 1,
 });

只有第二个功能正确执行。

4

2 回答 2

1

它可以完成,但它有点像 hack,因为它依赖于 setTimeout 函数来等待第一个 blurjs 函数完成。

$('#blurry1').blurjs({
    source: 'body',
    radius: 30,
    overlay: 'rgba(0, 0, 0, .2)',
    cache: false
});

setTimeout(function() {
    $('#blurry2').blurjs({
        source: '#bg2',
        radius: 30,
        overlay: 'rgba(0, 0, 0, .2)',
        cache: false
    });
}, 1000);
于 2014-11-14T09:46:48.857 回答
1

CezaryDanielNowak的 Blur.js 分支修复了初始实现所施加的限制,并允许同时进行多元素模糊 - 不需要 setTimeout。

于 2015-05-27T21:54:47.690 回答