我在學校爲Game Jam做準備，遇到了問題。在這段代碼中，我試圖做到這一點，當你按下右箭頭鍵時，它會將字符向右移動。但是這個功能正在使它從右而不是右移。我在使用JavaScript和jQuery的遊戲角色代碼時遇到問題

這裏是我的代碼---

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)  
    } 
});

謝謝您的幫助。

來源

2015-11-04 Death4cause

爲什麼這兩段代碼不同？第一個看起來錯了。「right：400px」將從右側邊緣將右邊緣設置爲400px，而不是將其移動到右邊的400px。 –

你應該朝相反的方向移動你的角色。 –

在CSS中，right屬性描述了元素右側與其容器右側之間的距離的數量。考慮站在「左牆」和「右牆」之間的人。在CSS中，如果他們有right: 0，他們的右側觸摸右側牆。與right: 3px，他們的右側是從那面牆3像素。如您所見，增加right將元素左移。您在使用left屬性，而不是right可能感興趣的：

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

注

雖然它有一些應用，混合left和right性能可能不是在你的具體情況是個好主意。確保您不再使用right屬性，而是將right的所有使用情況替換爲left！

來源

2015-11-04 22:37:06

我在使用JavaScript和jQuery的遊戲角色代碼時遇到問題

回答

注

相關問題