。动画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