在jQuery 1.6.1中使用箭头键移动div不起作用

时间:2011-05-12 19:01:18

标签: javascript jquery css jquery-1.6

在JQuery 1.6.1中,我们可以将+=-=css()一起使用,就像我们使用animate()一样,但这不起作用。有没有人看到代码有问题?

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

检查http://jsfiddle.net/QLFEy/3

2 个答案:

答案 0 :(得分:16)

您的代码是正确的,应该可以使用。看看jQuery bug跟踪器,我在http://bugs.jquery.com/ticket/9237找到了一个已打开的票证。它适用于宽度和高度,但至少不是左边。根据票证,应该在1.6.2中提供修复

更新05/13/11

此问题已已修复,此修复程序目前可在WIP版本中找到,该版本可在http://code.jquery.com/jquery-git.js找到。这是jQuery的最新非生产版本,包含最新修补程序。该修复应该在即将推出的1.6.2版本中正式提供。

答案 1 :(得分:1)

显然是jQuery中的一个错误。似乎jQuery没有在值之后添加“px”。

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