Jquery 无法使用多个事件

Jquery 无法使用多个事件,jquery,blur,blurry,Jquery,Blur,Blurry,我尝试在blurjs jquery插件中包含多个模糊事件,但当使用多个模糊事件时,它似乎根本不起作用 $('.target1').blurjs({ overlay: 'rgba(0,100,100,0.1)', source: 'body', radius: 30 }); $('.target2').blurjs({ overlay: 'rgba(100,55,255,.6)', source: 'body', radius: 10 }); 当

我尝试在blurjs jquery插件中包含多个模糊事件,但当使用多个模糊事件时,它似乎根本不起作用

$('.target1').blurjs({
    overlay: 'rgba(0,100,100,0.1)',
    source: 'body',
    radius: 30
});

$('.target2').blurjs({
    overlay: 'rgba(100,55,255,.6)',
    source: 'body',
    radius: 10
});

当同时运行这两个选项时,什么都不会发生,只运行一个选项就可以了,有没有办法解决这个问题?

可以一次性完成。看看这个答案:@VincentGauthier我稍后会试试。问题是,与他的问题(只有第二个代码运行)不同,我的问题是这两个代码都不运行,而且都不起任何作用。我不能使用谷歌chrome的控制台,因为当我打开控制台时,它会使谷歌chrome从中崩溃blurjs@Jakertr00,我不再使用JS库来实现模糊效果。我现在正在使用这个CSS:。这是伟大的工作,我可以有一个以上的模糊元素每页。