如何仅为当前页面启用 Superfish

Question

我将 Wordpress 与 Superfish 一起使用，我希望 Superfish 超级菜单仅出现在当前页面上并始终存在（因此将鼠标悬停在另一个菜单项上不应显示它）。 我已经添加了以下代码以将current class 添加到所有当前页面，以便pathClass: 'current'起作用。

$('ul.sf-menu')
.find('li.current_page_item,li.current_page_parent,li.current_page_ancestor')
.addClass('current')
.end()

使用下面的 Superfish 选项：

            $(".sf-menu:not(.buttons)").superfish({
                delay: 0,
                speed: 'slow',
                pathClass: 'current',
                disableHI: $disableHI,
                speedOut: 'fast',
                animation: {
                    opacity: 'show',
                    height: 'show',
                }
            }); 

但是，剩下的任务是让 megamenu 只出现在当前页面上（并在其他菜单项上禁用 hover），我似乎无法弄清楚..有什么想法吗？

HTML output 看起来像这样：

<ul class="sf-menu">    
    <li id="menu-item-21" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-21"><a href="..">Item 1</a></li>
<li id="menu-item-2509" class="megamenu menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2509"><a href="..">Item 2</a>
<ul class="sub-menu">
    <li id="menu-item-3858" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3858"><a href="http://-">&#8211;<span class="sf-sub-indicator"><i class="fa fa-angle-right icon-in-menu"></i></span></a>
    <ul class="sub-menu">
        <li id="menu-item-3859" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3859"><a href="..">Sub item 1</a></li>
        <li id="menu-item-3860" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3860"><a href="..">Sub item 2</a></li>
    </ul>
</li>
</ul>
</li>
<li id="menu-item-17" class="megamenu menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-6 current_page_item menu-item-has-children menu-item-17"><a href=".." aria-current="page">Item 3</a>
<ul class="sub-menu">
    <li id="menu-item-3857" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3857"><a href="http://-">&#8211;<span class="sf-sub-indicator"><i class="fa fa-angle-right icon-in-menu"></i></span></a>
    <ul class="sub-menu">
        <li id="menu-item-3855" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3855"><a href="..">Sub item 1</a></li>
        <li id="menu-item-3856" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3856"><a href="..">Sub item 2</a></li>
        <li id="menu-item-3854" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3854"><a href="..">Sub item 3</a></li>
    </ul>
</li>
</ul>
</li>
<li id="menu-item-1194" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1194"><a href="..">Item 4</a></li>
<li id="menu-item-19" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19"><a href="..">Item 5</a></li>
<li id="menu-item-20" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20"><a href="..">Item 6</a></li>
</ul>