jquery滑块更改背景位置

我正在努力使用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) );

---

？

干杯。不工作，但：需要得到这个啤酒滑块运行！