如何使用键盘、AJAX 和 AJAX 将 div 移动到预定义路径jQuery

Question

您好，有什么方法可以使用键盘（例如 Enter 按钮）并将 div 移动到我之前定义的路径吗？对于路径，我的意思是向右移动一些步骤，然后向下移动，然后向左移动，等等。主要目标是使用带有按键的手动路径或带有 body onload 命令的路径。任何帮助/想法/示例都值得赞赏..

Answer 1

您可以在 div 上使用 jQuery 的 animate() 来响应按键事件。

$(document).keypress(function(e) {
    var anim_params;
    if (div in state 1) {
        anim_params = state 2 params;
    } else  if (div in state 2) {
        anim_params = state 3 params;
    } else if (...) {
        ...
    }

    $('#div_id').animate(anim_params);
});

当然，您可以用查找替换那些 if 语句，但您明白了。