Question

WordPress上的网站有很多jquery js和这样的菜单脚本：

function mainmenu() {
    $(" #navigation .menu ul ul ").css({display: "none"}); // Opera Fix

    $(" #navigation .menu li").hover(function() {
        $(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400);
    },function(){
        $(this).find('ul:first').css({visibility: "hidden"});
    });
}

$(document).ready(function(){                   
    mainmenu();
});

加载WooCommerce插件时没有显示下拉菜单。

我从1.3.2开始在网站上更改jquery版本并以1.8.3结束 - 下拉菜单现在可以工作但只有一次（我的意思是在悬停时下拉）。请帮助它按预期工作。谢谢。

Answer 1

没有提供HTML，但上面的所有代码都可以简化为以下内容：

jQuery(function($) {
    $('#navigation .menu li').on('mouseenter', function() {
        $(this).find('> ul').show();
    }).on('mouseleave', function() {
        $(this).find('> ul').hide();
    })
});

（注意第一行使用jQuery，而不是$才能正确使用WordPress＆＃39; noconflict，我不知道它是如何工作的第一次＆＃39 ;尽管）

如果这没有帮助，请提供一些标记以更好地了解问题，并按照建议检查您的控制台。

WordPress上的下拉菜单只运行一次

1 个答案: