jquery - 如何显示悬停的子菜单？

Question

我有这个网站:

link

如果您点击“产品”，会出现一个子菜单。

当箭头悬停在菜单上(悬停)时，我想做同样的事情。

我尝试在 JQuery 中使用此代码，但不起作用。

jQuery(document).ready(function($) {
    //$("#menu-main-menu li").hover(function(){
    //jQuery(this).find('.sub-menu').show(1000);
    //}, function(){
    // jQuery(this).find('.sub-menu').slideToggle();
});
 //$("body").click(function() {
   // $(".sub-menu").hide(1000);
//});


  //here begins the code I tried I

    $("#menu-main-menu li").hover(function () {
        jQuery(this).find('.sub-menu').stop(true,true).delay(1000).show(0);
    }, function () {
        jQuery(this).find('.sub-menu').stop(true,true).delay(1000).hide(0);
    });



    });

执行有问题吗？你能帮我告诉我我不工作哪里错了吗？

提前致谢!

Answer 1

试试这个:

jQuery(document).ready(function($) {


$("#menu-main-menu li").hover(function () {
    jQuery(this).find('.sub-menu').stop(true,true).delay(1000).show(0);
}, function () {
    jQuery(this).find('.sub-menu').stop(true,true).delay(1000).hide(0);
});



});

解释:

我直接删除"});"