Question

我在这里有一个攻击性脚本，导致导航栏在Jquery中快速切换。它在谷歌浏览器中运行良好，但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();
     });
    })();

我希望这能解决你的问题

jQuery快速切换效果（Firefox）

1 个答案: