javascript - 使用 jquery 的 .css() 设置 'left' 属性时遇到问题

Question

我一直在尝试使用左右箭头键让“桨”移动。每当我按下左键或右键时，值都会正确更改，字符串似乎是正确的，但在 .css() 运行后，它只会返回原始值。请帮忙？-- 用于调试的代码用//标记 --

var paddx = 0;
var ball = document.getElementById('ball');
var ballx = 0;
var bally = 0;
var maxw = window.innerWidth;
var maxh = window.innerHeight;
$(document).keydown(function(keyPressed){
    paddle = document.getElementById('paddle');
    var temppaddx = window.getComputedStyle(paddle).getPropertyValue('left');
    paddx = parseInt(temppaddx, 10);
    console.log(temppaddx +" "+ paddx);//
    if (keyPressed.keyCode == 37){
        paddx -= 1;
        if (paddx < 5){
            paddx = 5;
        }
    }
    if (keyPressed.keyCode == 39){
        paddx += 1;
        if (paddx > maxw - 130){
            paddx = maxw - 130;
        }
    }
    temppaddx = paddx.toString(10) + 'px';
    console.log(temppaddx +" "+ paddx);//
    $('paddle').css('left',temppaddx);
    temppaddx = window.getComputedStyle(paddle).getPropertyValue('left');//
    console.log(temppaddx +" "+ paddx);//
});```

Answer 1

您正在使用 document.getElementById('paddle') 以及 $('paddle')。

应该是 $('#paddle') 让 jQuery 的选择器找到正确的元素。