javascript - JQuery UI - slider 更改幻灯片上的不透明度 - 错误

Question

我正在尝试使用 JQueryUI slider 来控制 id 为“main-lights”的元素的不透明度，但此脚本会导致错误。

$("#slider-lamps").slider({
orientation: "vertical", 
range: "min",
value: 50,
min: 0,
max: 100
slide: function( event, ui ) {
    $( "#main-lights" ).css( "opacity", ui.values[ 0 ]);
}
});

这个版本工作正常:

$("#slider-lamps").slider({
orientation: "vertical", 
range: "min",
value: 50,
min: 0,
max: 100
});

我可以不使用变量作为第二个 jquery .css 参数吗？

我怎样才能正确地写这个？

Answer 1

您在第一个代码段中的 max:100 之后缺少 ,。

$("#slider-lamps").slider({
    orientation: "vertical", 
    range: "min",
    value: 50,
    min: 0,
    max: 100,
    slide: function( event, ui ) {
        $( "#main-lights" ).css( "opacity", ui.values[ 0 ]);
    }
});