Question

我正在尝试制作我的第一个wordpress主题。我想用jquery创建一个2级简单的菜单，我对jquery并不是很好。这是我的代码;

jQuery(document).ready(function(){  

    jQuery(".nav > ul > li").hover(
        function(){
            jQuery(this).find("> ul").stop().slideDown(400);//.animate({marginLeft: '-250px'},1500);
        },(
            function(){
            jQuery(this).find("> ul").stop().slideUp();//animate({marginLeft: '0px'},1500);
            }
        ));

});

正如您所看到的，我要做的就是制作一个简单的2级菜单。我的问题是;

当我将鼠标悬停在菜单上时，子菜单会向下滑动。但是，如果我将光标移动到其他菜单，它会尝试滑动并且卡住。就像我每次有4个子菜单一样，它会削减我的子菜单。最后，它不再显示我的子菜单。喜欢吃我的子菜单。

我该怎么办？

!!好的，我找到了解决方案

在元素上调用.stop（）时，会立即停止当前运行的动画（如果有）。例如，如果在调用.stop（）时使用.slideUp（）隐藏了一个元素，则现在仍然会显示该元素，但它将是其先前高度的一小部分。不调用回调函数。

http://api.jquery.com/stop/

我需要在stop函数中添加true，true。如果其他人有这个问题，我想回答。

jquery悬停mouseout停止

0 个答案: