jquery - .animate jQuery 函数不起作用

Question

我已经搜索了以下解决方案。我正在尝试使用 jQuery 为列表项设置动画。这是我的脚本：

$(document).ready(function() {
    $('li').hover(function() {
        $(this).animate({paddingLeft: '+=15px'}, 200);
    },
    function() {
        $(this).animate({paddingLeft: '-=15px'}, 200);
    });
});

这是CSS：

ul {
    font-family: Garamond, serif;
    list-style-type: square;
}

我已经检查过我是否正确调用了脚本。

任何人都可以帮助我吗？

Answer 1

评论者是正确的，第一个代码有缺陷。编辑，我想这就是你所追求的？

  $(document).ready(function() {
        $('li').mouseenter(function() {
            $(this).animate({paddingLeft: '+15px'}, 200)
        }).mouseleave(function() {
            $(this).animate({paddingLeft: '-15px'}, 200);
        });
    });

http://jsfiddle.net/calder12/P77kq/3