jQuery cambiar el fondo de un solo eje

Question

creo que mi última pregunta abrumado por lo que todo el mundo Simplificaré

Estoy intentando cambiar el fondo de la posición del único eje x. Por defecto, si sólo se define un valor, los otros valores predeterminados a 50%, por lo que esta función:

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

vuelve background-position: 0 50%;

¿Cómo puedo modificar la función para cambiar el eje X pero no modificar el eje y?

edited -> esto es para un sprite con 4 columnas y 4 filas para que el eje y permanezca dinámico. sitio de trabajo aquí: http://www.avalonbyeaw.com haga clic en "termina". lo conseguimos trabajando con algunas secuencias de comandos complicada loco en el sitio en vivo, pero voy a dejar esto aquí de todos modos, porque yo todavía realmente como para encontrar una solución a este problema

Answer 1

Añadir los 2 valores a background-position (como se espera). Guarde también la posición actual en una variable que hace esto más fácil.

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

Así es como yo lo haría.

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