jquery Hintergrund Änderung einer Achse nur

Question

Ich glaube, meine letzte Frage alle überwältigt, damit ich vereinfachen

Ich versuche nur den Hintergrund-Position der x-Achse zu ändern. Standardmäßig wird, wenn nur ein Wert definiert ist, die anderen Standardwerte 50%, so dass diese Funktion:

function colorChangePiano() { 
    var bp = $("background-position").css; 
    $("#target").css('background-position', (bp == -1131) ? '-377' : '0'); 
} 

kehrt Hintergrund-Position: 0 50%;

Wie kann ich die Funktion ändern, um die X-Achse zu ändern, aber die Y-Achse unverändert lassen?

bearbeitet -> dies ist für ein Sprite mit 4 Spalten und 4 Zeilen, so dass die y-Achse dynamisch bleiben sollte. Arbeitsort hier: http://www.avalonbyeaw.com klicken Sie auf "beendet." wir haben es mit einigem verrückten komplizierten Scripting auf der Live-Site zu arbeiten, aber ich werde das hier sowieso verlassen, weil ich immer noch wirklich möchte eine Lösung für dieses Problem zu background-position

Answer 1

Fügen Sie die 2-Werte finden (wie es erwartet). Speichern Sie auch die aktuelle Position in einer Variablen, die dies erleichtert.

var pos = -377; 
var colorChangePiano = function() { 
    if (pos == -377) { 
    pos = -1131 
    } 
    else { 
    pos = -377 
    } 
    $('#target').css({ 
    'backround-position': pos + 'px 0px' // will result in "Xpx 0px" 
    }); 
} 

Answer 2

Hier ist, wie ich es tun würde.

$('#target').css('background-position', function(i, backgroundPosition) { 
    return backgroundPosition.replace(/\d+px/, '60px'); 
});