Javascript 如何使平面UI/Bootsrap下拉列表在鼠标事件上返回

我想让平面用户界面（引导）下拉回到鼠标事件

简单下拉列表：

<div class="dropdown" id="mydropdown" >
<a href="#" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Dropdown<b class="caret" ></b></a>
<ul class="dropdown-menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
</ul>
</div>

看小提琴

我放入了一个鼠标处理程序，它捕获事件，但无法确定调用什么使下拉菜单成为下拉菜单。当它掉下来时，我做了一次检查，看到了show.bs.dropdown，但似乎不是这样

---

谢谢您的建议。

您可以在

mouseout

上切换

下拉菜单：

$("#mydropdown").mouseout(function()
{
    $(this).dropdown("toggle")
});

更新的小提琴：


$("#mydropdown").mouseout(function()
{
    $(this).dropdown("toggle")
});