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

？