Question

我的主题仅支持子菜单的悬停显示，但我想使用点击事件打开它们因此，我尝试了一些代码段，但我无法让它正常工作。

/* Dropdown Menu */
jQuery(document).ready(function($) {
    $('.fusion-main-menu ul li.menu-item-has-children > a').click(function() {
        $(this).parent().siblings().find('.fusion-megamenu-wrapper').slideUp(300);
        $(this).next('.fusion-megamenu-wrapper').stop(true, false, true).slideToggle(300);
        return false;
    });
});

默认情况下，主题使用如下所示的CSS，所有这些都随着悬停而变化。

overflow: hidden; /* on the container (header) */
visibility: hidden;
opacity: 0; /* on the sub-menu */

我已尝试覆盖这些规则并将display: none添加到子菜单中然后向下滑动效果起作用当我将鼠标移出容器时，打开的子菜单也不会再次隐藏，这是我的意图。

但是当我再次将鼠标移动到该容器中时，子菜单突然消失它似乎是（header）容器的一个问题，因为它每次都会更新溢出值，当我进入标题可见时，虽然我试图通过使用级联和重要值来覆盖它。

有没有人知道这个问题是由主题javascript引起的还是我使用过的代码错了？

我希望有一个子菜单可以在点击时打开，只有当我再次点击父项或容器外时才会消失。

切换子菜单无法正常工作

0 个答案: