Question

我正在使用jquery滑块来更改我正在处理的网站的css值。我想添加滤镜模糊效果，用户可以选择图像所需的模糊量，而我无法弄清楚如何将值附加到模糊（＆＃39;＆＃39;），以下是代码和JS Fiddle link。

$('#slider').slider({
value: 1,
slide: handleSliderChange
});
function handleSliderChange(event, slider){
$('#vardiv').css('filter: blur();',slider.value + 'px');
$("#vardivText").text(slider.value + 'px');   
}

提前致谢。

Answer 1

您的jQuery.css来电不正确。此外，jQuery不会自动为filter属性提供前缀（可能是因为它最初是非标准MS属性），因此您必须明确指定它们。

Example

$('#slider').slider({
    value: 1,
    slide: handleSliderChange
});

function handleSliderChange(event, slider){
    var blurValue = 'blur(' + slider.value + 'px)';
    $('#vardiv').css({
        '-webkit-filter': blurValue,
           '-moz-filter': blurValue,
            '-ms-filter': blurValue,
             '-o-filter': blurValue,
                'filter': blurValue,
    });

    $("#vardivText").text(slider.value + 'px');   
}

使用jquery滑块更改滤镜模糊值

1 个答案: