。動畫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