jQuery快速切换效果(火狐)

Question

我这里有一个攻击性的脚本，它会导致导航栏在Jquery中快速切换。它在谷歌Chrome上运行良好，但火狐似乎并不喜欢它。

http://www.morelyorsch.com/

var $j = jQuery.noConflict();

$j(function(){
$j("ul#nav li").on('mouseenter', function(){
    $j(this).toggleClass("hover");
   $j('ul.children:first',this).closest('ul').show();
  });
$j("ul#nav li").on('mouseleave', function(){
    $j(this).toggleClass("hover");
    $j('ul.children:first',this).closest('ul').hide();
 });
});

我的怀疑是'this‘参数太过宽泛，导致事件反复切换，而不仅仅是与子类的每个第一个ul，但我没有想法来解决它。

Answer 1

请尝试使用addClass和removeClass。

示例：

(function(){
    $("ul#nav li").on('mouseenter', function(){
        $(this).addClass("hover");
       $('ul.children:first',this).closest('ul').show();
      });
    $("ul#nav li").on('mouseleave', function(){
        $(this).removeClass("hover");
        $('ul.children:first',this).closest('ul').hide();
     });
    })();

我希望这能解决你的问题