jQuery 바운스 효과가 정렬되지 않은 목록의 링크에서 작동하지 않습니다.

Question

바운스 이펙트 작동에 문제가 있습니다. animate()는 앵커 태그가 상대적으로 배치되어있는 한 작동합니다. 나는 내 css 및 html을 모두 내 사이트에서 사용할 수있는 jsfiddle을 만들었습니다. http://jsfiddle.net/CRzFj/

나는 http://jsfiddle.net/RGvjj/26/과 비슷한 결과를보고 있습니다. 그러나 제 CSS 스타일 중 하나가 바운스를 깨고 있다고 생각합니다. 나는 그것이 어느 것인지 잘 모르겠다.

EDIT 실제로 게시물에 대한 답변을 찾은 후 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); 
}); 

을 할 수 있도록 범위를 추가하는 것을 잊었다