javascript - jQuery 快速切换效果 (Firefox)

Question

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

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();
 });
});

我的怀疑是“这个”论点过于宽泛，导致事件反复切换，而不仅仅是第一个 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();
     });
    })();

我希望这能解决你的问题