0

我正在尝试创建一个 jQuery 导航菜单，它在悬停时向下滑动以显示子 UL，当鼠标移开时显示子 UL，并且我有以下代码在不同的浏览器中行为非常不同。

希望大家能发现问题。

    jQuery(document).ready(function(){ 
 // menu effects
 this.navLi = jQuery('nav ul li').children('ul').hide().end();
  this.navLi.hover(function() {
   // mouseover
  jQuery(this).find('> ul').stop(true, true).slideDown(300);
  }, function() {
   // mouseout
   jQuery(this).find('> ul').stop(true, true).fadeOut(300);   
 });
});

IE7 和 8 幻灯片和淡出作品 FF 幻灯片作品 淡出不起作用 Chrome 幻灯片仅在第一次和第二次时不起作用，并且根本不起作用

Safari 与 Chrome 相同，因为它们都是 webkit...

如果你们知道为什么，请告诉我……非常感谢。

4

1 回答 1

0

问题很可能是您的初始选择器。它应该是jQuery('#nav ul li')ifnav是一个元素 id 还是jQuery('.nav ul li')一个类。在此处查看基于您的代码的精简示例。

于 2010-12-02T03:58:38.853 回答