Mover div con la tecla de flecha en jQuery 1.6.1 no funciona

Question

En JQuery 1.6.1, supuestamente podemos usar += o -= con css() tal como podemos hacer con animate(), pero esto no funciona.¿Alguien ve algún problema con el código?

$(document).keydown(function(e) {  
    if (e.which == 37) { //37 left arrow key.
        $('div').css('left', '-=10px')
    }
});

Controlar http://jsfiddle.net/QLFEy/3

Answer 1

Su código es correcto y debería funcionar.Mirando el rastreador de errores de jQuery, encontré un ticket ya abierto para esto en http://bugs.jquery.com/ticket/9237.Funciona con ancho y alto, pero no al menos con la izquierda.Según el ticket, la solución debería estar disponible en 1.6.2

Actualización 13/05/11

El problema ha sido fijado y la solución está actualmente disponible en la versión WIP que se puede encontrar en http://code.jquery.com/jquery-git.js.Esta es la última versión no productiva de jQuery con las correcciones más recientes.La solución debería estar oficialmente disponible en la próxima versión 1.6.2.

Answer 2

Obviamente un error en jQuery.Parece que jQuery no agrega "px" después del valor.

[2011-05-12 21:46:17] CSS - file://localhost/D:/test.html
DOM style property
Invalid value for property: margin-left
Line 1:
  260
  ---^