如何在一个jquery函数中使用多个web工具包过滤器?

我一直在尝试使用html滑块,并通过jquery应用webkit过滤器来响应更改。我已经成功地应用了一个单一的样式,并按下面的链接所示工作

https://imgur.com/a/oM30OVk

文件上说这样做是可行的:

css({"propertyname":"value","propertyname":"value",...});

这是我的不透明度滑块的代码后,我做了W3的建议。

    $("#sliderOpacity").on("input", function(){
    $("#numOpacity").text($("#sliderOpacity").val());
    opacity = $("#sliderOpacity").val();
    $("#imgManipulated img").css({"-webkit-filter" : "opacity("+opacity*.01+")", "-webkit-filter" : "saturate("+$("#sliderSaturation").val()*.01+")"})
});

两个滑块都返回正确的值。

它将只对图像应用第二个“饱和”样式,而不是不透明度。事实上,不透明度现在甚至没有改变。因为它在不透明度滑块上,所以我不希望看到饱和度的变化,只希望看到不透明度。

这是他们建议的代码的另一个gif。 https://imgur.com/a/MGIskDu

我在这里做错什么了?