javascript - jQuery 使用相对值更改背景位置

Question

我试图在单击按钮时使用相对值(+= 和 -=)更改图像背景位置 X 和 Y。它似乎将自身重置为 0% 0%。它没有用。

Fiddle

$(function(){
 $("body").on("click", "#move", function() {            
    $("#obj-1").css({ 'backgroundPosition': '+=0px -=5px' });             
    return false;
 });
})

Answer 1

修改点击函数如下:

$(function(){
    $("body").on("click","#move", function(){
        var backgroundPos = $("#obj-1").css('backgroundPosition').split(" ");
        var xPos = parseInt(backgroundPos[0], 10);
        var yPos = parseInt(backgroundPos[1], 10);
        var newX = xPos + 0;
        var newY = yPos - 5;
        $('#obj-1').css({
  'background-position':newX+'px '+newY+'px'
});
        return false;
    });
});

更新 fiddle here .希望对您有所帮助。