jquery：鼠标悬停时的菜单显示

Question

$(document).ready(function () {
    $('img.menu_class').click(function () {
    $('ul.the_menu').slideToggle('medium');
    });
    $('.img.menu_class').mouseover(function() {
    $('ul.the_menu').slideToggle('medium');
    });
});

我添加了这个鼠标悬停，但它不起作用，只有当我点击..我做错了什么？

Answer 1

您应该使用mouseenter和mouseleave mouseover，因为每次指针移动到子元素时都会触发mouseover，而只有当mouseenter时才触发$('img.menu_class').bind("mouseenter", function () { $('ul.the_menu').slideToggle('medium'); }); $('ul.the_menu').bind("mouseleave", function () { $('ul.the_menu').slideToggle('medium'); }); 指针移动到绑定元素。

{{1}}