Question

您好我刚开始使用Twitter bootstrap并尝试处理下拉事件。

我想处理下拉项目选定事件，也就是说，当用户点击特定项目时，表格应显示在下拉列表的正下方。有谁能帮助我实现这一目标？谢谢。

<ul class="dropdown-menu">
    <!-- dropdown menu links -->
    <li><a href="#" id="action-1">How are you?</a></li>
    <li><a href="#2">What is your name</a></li>
    <li><a href="#section-2">Section 2</a></li>
</ul>

Answer 1

在Bootstrap中没有这样的事件，你可以处理下拉列表的唯一事件是show, shown, hide, hidden，你可以使用简单的jQuery：

$('.dropdown-menu a').click(function(){
    //Show table
});

Answer 2

您可以在菜单中处理该功能，例如

<li><a href="javascript:itemSelected('A')">A. Hello World!</a></li>

使用Bootstrap处理下拉项目选定事件

2 个答案: