Question

我正在尝试使用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参数吗？

我该如何正确地写这个？

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 ]);
    }
});

Answer 2

$("#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之后

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

2 个答案: