jquery - 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);
});