jquery滑块更改背景位置

Question

我很努力设置和更改使用jquery滑块的背景图像位置。

我的滑块与下面的代码工作得很好：

$(function() { 
     $("#slider").slider({ 
      value:5, 
      min: 0, 
      max: 10, 
      step: 1, 
      slide: function(event, ui) { 
       $("#amount").val(ui.value); 
      } 
     }); 
    $("#amount").val($("#slider").slider("value"));  
}); 

不过，我现在想改变图像的背景位置。我已添加此代码：

$(".beer_slider").css("background-position").val($("#slider").slider("value")); 

但是什么也没有发生！

有人指出我应该包括以下变量：

var beer_slider = { 
     "0": "-200px", 
     "1": "-190px", 
     "2": "-180px", 
     "2": "-170px", 
     "3": "-160px", 
     "4": "-150px", 
     "5": "-140px", 
     "6": "-130px", 
     "7": "-120px", 
     "8": "-110x", 
     "9": "-100x", 
     "10": "-90x", 
    }; 

但我不知道如何调用。

任何帮助表示赞赏

Answer 1

你不能做

$(".beer_slider").css("background-position").val($("#slider").slider(beer_slider)); 

？