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

JQuery UI - Slider change opacity on slide - Error

本文关键字：不透明度 幻灯片 错误 UI JQuery      更新时间：2023-09-26

>我正在尝试使用 JQueryUI 滑块来控制 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参数吗？

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

在

第一个代码段中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 ]);
    }
});

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

您在 max：100 之后错过了"，"

相关文章：