Javascript 单击时显示Superfish下拉菜单

我使用Bootstrap3，我有菜单。我还使用

superfish.js

作为菜单。它可以工作，但悬停时会显示下拉菜单， 但我想在单击时显示下拉菜单

我的html：

<div id="navbar-collapse-menu" class="collapse navbar-collapse">
    <ul id="menu-testing-menu" class="nav navbar-nav sf-js-enabled" style="touch-action: pan-y;">
        <li class="menu-item menu-item-has-children dropdown">
            <a class="sf-with-ul" data-toggle="dropdown">Home</a>
            <ul class="dropdown-menu" style="display: none;">
                <li class="menu-item">
                    <a href="#">Lorem Ipdum</a>
                </li>
                <li class="menu-item">
                    <a href="#">Lorem Ipdum</a>
                </li>
                <li class="menu-item">
                    <a href="#">Lorem Ipdum</a>
                </li>
            </ul>
        </li>
    </ul>
</div>

我的css：

li.menu-item.dropdown:hover .dropdown-menu {
    visibility: visible;
}

---

那么，是否可以在单击时显示下拉菜单？

Superfish不提供此选项：它打算在悬停输入/输出时打开/关闭菜单。 要通过单击打开/显示下拉列表，您可以：

• 禁用（）：mouseenter mouseout
• 点击菜单

$（“#菜单测试菜单”）.superfish({
延误：100，
动画：{
不透明度：“显示”，
身高：“秀”
},
速度：“正常”，
cssArrows：错误
});
$（'.sf with ul'）.on（'mouseenter mouseout'，函数（e）{
e、 停止传播（）；
})
$（'sf with ul'）。在（'click'，函数（e）上{
$（“.dropdown menu”）.toggle（！$（“.dropdown menu”）.is（“：可见”）；
})

这可能重复不是引导问题。Superfish没有事件选项，因此您必须对其进行破解。这可能会对您有所帮助：

li.menu-item.dropdown:hover .dropdown-menu {
    visibility: visible;
}