Question

我有以下悬停脚本应该处理导航栏中子菜单的向下滑动和向上滑动：

$j('body').ready(function() {
    $j('.menu-item').hover(function() {
        $j(this).find('.sub-menu').slideDown("slow");
    },
        function() {
            $j(this).find('.sub-menu').slideUp("slow");
        });
});

它向下滑动很好，但由于某种原因它不会向上滑动，而是在离开div时消失。

您可以在this page上看到导航项目，特别是“新闻”项目，其中包含事件页面的下拉列表。在网站正在开发中时，您需要输入以下凭据：

用户名：客

密码：计算器

Answer 1

试试这个：

$j(document).ready(function() {
    $j('.menu-item').hover(function() {
        $j(this).find('.sub-menu').stop().slideToggle("slow");
    });
});

你应该相对定位元素：

.sub-menu {
   position: relative;
}

Answer 2

$j('.menu-item').mouseover(function() {
    $j(this).find('.sub-menu').slideDown("slow");
});
$j('.menu-item').mouseout(function() {
    $j(this).find('.sub-menu').slideUp("slow");
});

导航项上的悬停功能不起作用

2 个答案: