javascript - 如何使平面 UI/Bootstrap 下拉菜单在鼠标事件时返回

Question

我想让 Flat UI( Bootstrap )下拉菜单在鼠标事件时返回。

简单的下拉列表:

<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>

js:

$("#mydropdown").mouseout(function()
{
    alert($("mydropdown").text());
});

在 http://jsfiddle.net/f29dhg84/6/ 查看 fiddle

我放入了一个捕获事件的鼠标处理程序，但无法弄清楚要调用什么来使下拉列表执行下拉操作。当它掉下来并看到 shown.bs.dropdown 时，我进行了检查，但事实并非如此。

感谢您的任何建议。

Answer 1

您可以在 mouseout 上切换 dropdown:

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

更新 fiddle :
http://jsfiddle.net/f29dhg84/13/