jQuery下拉悬停菜单

Question

我是jQuery的新手,我希望你们能帮助我.我正在尝试制作悬停下拉菜单,但它非常错误.你能帮我清理一下我的Javascript吗？请看我的代码.

http://jsdo.it/mretchin/4Ewk

它无论出于什么原因都不适用于jsdo.it,但它适用于Komodo Edit.

如果你真的想自己试试代码,问题主要是Javascript.你可以帮助我做到这一点,当用户将鼠标悬停在img.menu_class上时,ul.file_menu会下降,然后,如果我想,我可以将鼠标悬停在ul中的#something上,它会在水平方向上退出,而不是垂直方向.

谢谢你的帮助!我很感激!

我应该放弃并让它在CSS中运行吗？

Answer 1

你可以这样做此:

$(document).ready(function() {
    $(".hoverli").hover(
        function() {
            $('ul.file_menu').stop(true, true).slideDown('medium');
        },
        function() {
            $('ul.file_menu').stop(true, true).slideUp('medium');
        }
    });
});

而且这里有子菜单的例子:

$(document).ready(function() {
    $(".hoverli").hover(
        function() {
            $('ul.file_menu').slideDown('medium');
        },
        function() {
            $('ul.file_menu').slideUp('medium');
        }
    );

    $(".file_menu li").hover(
        function() {
            $(this).children("ul").slideDown('medium');
        },
        function() {
            $(this).children("ul").slideUp('medium');
        }
    );
});