Question

我正在尝试创建一个jQuery导航菜单，当鼠标移开时，它向下滑动以显示悬停和淡出时的子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 ...

让我知道你们是否知道为什么......非常感谢。

Answer 1

问题很可能是您的初始选择器。如果jQuery('#nav ul li')是元素ID，则应为nav;如果是类，则为jQuery('.nav ul li')。请参阅基于代码here的精简示例。

jQuery菜单帮助

1 个答案: