Jquery 可能有两个blur.js实例？

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

到目前为止，我的代码是：

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

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

---

只有第二个函数正确执行。

这是可以完成的，但这有点麻烦，因为它依赖setTimeout函数等待第一个函数完成

$('#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);

---

CezaryDanielNowak的Blur.js修复了初始实现的限制，并允许同时进行多元素模糊-无需设置超时。

你的HTML/CSS是什么样子的？查看他们的主页，上面有多个示例：问题不是，我们使用两个不同的div来执行模糊功能（比如在他们的网站上）。问题在于产生模糊图像的两个来源。