javascript - JQuery slider 根据 slider 值更改图像

Question

我正在尝试让我的 slider 值识别它的值并更改图像。这是对 jquery 的默认功能的一个赞成，反对的概念。因此，如果用户向左滑动(拇指向下)，请更改 img css(不透明度)以显示选中的内容。

我认为这就足够了，但实际上它完全移除了 slider 。

if ui.value >= 51{
  $('img.up').css('opacity','.8');
  alert('cool');
}
if ui.value <= 49{
    $('img.down').css('opacity','.8');
    alert('too bad');
}

我做了一个 fiddle here .如何让 slider 值生效？

我知道我可能应该问/提出另一个问题，为什么 slider 不会生成多个。但如果您有任何建议，我也会采纳。

提前感谢您的帮助。

Answer 1

您忘记在 if 语句中添加括号。

$('img.up, img.down').css('opacity','.4');
if (ui.value >= 51) {
  $('img.up').css('opacity','.8');
}
if (ui.value <= 49) {
  $('img.down').css('opacity','.8');
}

DEMO