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