代码之家  ›  专栏  ›  技术社区  ›  maletor anon

jquery原地弹跳

  •  3
  • maletor anon  · 技术社区  · 14 年前

    我需要我的列表项元素在适当的位置反弹,而不是互相倾覆。

    我创造了一个我的意思是: http://jsfiddle.net/RGvjj/

    有人能告诉我为什么元素会这样做吗?我需要做什么来修复它?

    1 回复  |  直到 14 年前
        1
  •  3
  •   user113716    14 年前

    尝试删除 inline 显示来自 <li> 使用 float:left 相反。

    试一试: http://jsfiddle.net/RGvjj/1/

    #navigation li {
        font-size: 20px;
        margin-left: 10px;
        padding-left: 10px;
        border-left: 3px solid #1161A5;
        color: #ffffdd;
        text-decoration: none;
        float:left;
    }
    

    编辑: 为了解释,我猜想这是因为当您对一个元素进行动画处理时,jquery更改了 display block . 所以你最后得到的是 元素(元素) <a> 在里面 内联的 元素(元素) <理工大学; )这不管用。

    通过使用 浮动:左 , the <理工大学; 保留其 显示,使其对 <A & GT; 成为 .