如何在执行jQuery升级后使此菜单动画代码生效?

时间:2011-12-14 05:54:46

标签: jquery jquery-animate

  1. 我阅读/编写了一个教程,该教程使用了jQuery Animations作为下拉列表。
  2. 啧啧相对较老(我现在看到了),但它确实有效!
  3. 也就是说,使用jQuery 的版本,该版本在编写时(1.4.2)及以下版本。
  4. 来自jQuery版本1.4.4 及以上 EPIC FAIL !!! 显示菜单,但下拉动画无效。
  5. 我已经阅读了jQuery网站上的内容,我只是看不到发生了什么变化。
  6. 但话又说回来,我是绿色。可以盯着我的脸: - }
  7. 我需要了解 为什么 升级时失败。
  8. 工作小提琴。 http://jsfiddle.net/pkdsleeper/ybwmW/

    “怀疑” 小提琴。 http://jsfiddle.net/pkdsleeper/4msLH/

    提前谢谢! 轨枕

1 个答案:

答案 0 :(得分:1)

一个问题是你在小提琴中关闭了效果。只是重新启用它们并不能解决问题,但你必须这样做才能使它发挥作用。

首先评论这一行:

// $.fx.off = true;

接下来,代码现在不再忽略#nav li ul的CSS。

如果您将CSS更改为此,它将解决问题:

#nav li ul 
{
    /*display:none; --- Get rid of this! */
    position:absolute;
    left:0;
    top:100%;
    padding:0;
    margin:0;
}

这是安全的,因为这些已经在site对象的初始定义中设置(通过jQuery)。

这是最后的小提琴:http://jsfiddle.net/4msLH/40/