jQuery彈跳效果不適用於無序列表中的鏈接

Question

我無法使彈跳效果起作用。只要錨標籤相對定位，animate（）就會工作。我做了我所有的CSS和HTML的的jsfiddle從我的網站可以在這裏找到：http://jsfiddle.net/CRzFj/

我在尋找類似http://jsfiddle.net/RGvjj/26/結果，但我認爲我的CSS樣式一個是打破了反彈。我不確定它是哪一個。

編輯 實際上在發佈之後發現了這個問題的答案，並且玩弄了jsfiddle。我需要添加position：relative和display：block到span標籤，刪除float：left。

.nav ul.primary-menu li a span { 
    //float: left; 
    height: 198px; 
    line-height: 335px; 
    text-align: center; 
    width: 100px; 
    // new code here 
    display: block; 
    position: relative; 
} 

Answer 1

你忘了添加跨度，以便只是這樣做

$("#primary-menu-bar ul.menu li a span").hover(function() { 
    $(this).effect("bounce", { times: 3 }, 300); 
});