jQuery动画处理一个事件但是当第二个事件添加时它们不起作用

Question

jsFiddle - http://jsfiddle.net/ZEewV/

使用north事件时，animate会与对象一起使用。当我添加第二个动画时，两个工作都没有。我似乎无法弄清楚为什么。任何帮助将不胜感激！谢谢！

$("#north").click(function () {
    $(".char").animate({
        top: '-=10px'
    }, 500);
});

$("#south").click(functon() {
    $(".char").animate({
        top: '+=10px'
    }, 500);
});

Answer 1

你的第二个功能中有一个拼写错误。它应该是function而不是'功能'修复它，它会起作用。

Answer 2

尝试

$("#north").click(function () {
    $(".char").animate({
        top: ($(this).position().top - 10) + "px"
    }, 500);
});

$("#south").click(function() {
    $(".char").animate({
        top: ($(this).position().top + 10) + "px"
    }, 500);
});

Answer 3

你拼错了'函数'作为'函数'。