使用jQuery模糊指定的类

Question

我不知道这是否可以实现，但是当我点击一个按钮时，我正在寻找模糊一个类的解决方案。我想要这个，因为它的模态弹出框架并没有真正看起来背后的所有文本。

<div id="contentField" class="contentField-fix">
   <h2 id="postComment">Loads of text in here</h2>
</div>
<div id="modal"></div>

所以我想做的是“onClick of Proceed div”运行“模态”，以模糊“contentField-fix”类中的所有内容。可能？

如果没有，我想我需要尝试别的东西。

Answer 1

使用BlurJS

$('.contentField-fix').blurjs({
    source: 'body',  // Blur with the body as the background.
                     // You can specifify other elements as source.
    radius: 10, // Higher values for more blur
});