jQuery跳出效果不适用于无序列表中的链接

Question

我无法使反弹效果起作用。只要锚标记相对定位，animate（）就可以工作。我用我的网站上的所有css和html制作了一个jsfiddle：http://jsfiddle.net/CRzFj/

我正在寻找类似于http://jsfiddle.net/RGvjj/26/的结果，但我认为我的一种css样式正在打破反弹。我不确定它是哪一个。

修改 实际上在发布后不久就找到了答案，然后和jsfiddle一起玩。我需要添加position：relative和display：block to span tags，remove 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

你忘了添加span，所以就这样做

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