我在JavaScript和jquery上的游戏角色代码遇到麻烦

Question

我在学校准备Game Jam时遇到了一个问题。 在这段代码中，我试图做到这一点，因此当您按向右箭头键时，它将使字符向右移动。 但是功能是使它从右侧而不是右侧移动。

这是我的代码-

var main = function() {
    var moveRight = function() {}
    var wall = function() {
        wall = $('.header')
    }
    $(document).keypress(function(event) {
        if(event.which === 32) {
        $('.header').animate({
            bottom: "-31px"
            },1000)
        }
    });   
    $(document).keydown(function(event) {
        if(event.which === 39) {
            $('.character').animate({
                right: "400px"
            },1000)    
        }
    });
}
$(document).ready(main);

问题出在这里某处

$(document).keydown(function(event) {
    if(event.which === 39) {
        $('.character').animate({
            right: "400px"
        },1000)    
    }
});

谢谢您的帮助。

Answer 1

在css中， right属性描述元素的右侧与其容器的右侧之间的距离量 。 考虑一个人站在“左墙”和“右墙”之间。 在css中，如果它们的right: 0 ，则它们的右侧将接触右侧壁。 使用right: 3px ，它们的右侧距离该墙3像素。 如您所见， 增加right元素LEFT 。 您可能对使用left属性而不是right感兴趣：

$(document).keydown(function(event) {
    if (event.which === 39) {
        $('.character').animate({ left: "400px" }, 1000);
    }
});

注意

虽然它有一些应用，混合left和right性能可能不是在你的具体情况是个好主意。 确保不再使用right属性，而将right用法的每个实例替换为left ！