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", 
    }; 

しかし、私はそれを呼び出すするかどうかはわかりません。

誰かが私は、次の変数を含めるべきであると指摘しました。

すべてのヘルプはあなたが

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

を行うことはできません

Answer 1

を高く評価しましたか？