Question

我正在使用Vague.js来模糊div，但我似乎无法让它工作。

我的JavaScript：

$(document).load(function() {
    var vague = $('.zero').Vague({
        intensity: 3,
        forceSVGUrl: false
    });

    vague.blur();
});

我先尝试$(document).ready(...)，但没有用，所以我切换到.load(..)

HTML：

<div class="block zero">
    <img src="images/rb.png" />
</div>

CSS：

.zero {
    background: url(../images/11.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

Answer 1

将$(document).load(更改为$(document).ready(

$(document).ready(function() {
    var vague = $('.zero').Vague({
        intensity: 3,
        forceSVGUrl: false
    });    
    vague.blur();
});

或使用

$(window).load(function(){

或使用$( document ).ready()

的速记

$(function(){

Answer 2

尝试使用：

$(window).load(function() {

或：

$(document).ready(function() {

而不是：

$(document).load(function() {

Answer 3

确保Vague.js的权限设置为755.当然假设有一个LAMP堆栈。

如何模糊div？

3 个答案: