twitter-bootstrap - 使用 Bootstrap 处理下拉项目选择事件

Question

嗨，我刚刚开始使用 twitter 引导程序并尝试处理下拉事件。

我想处理下拉项目选择事件，即当用户单击特定项目时，应在下拉列表下方显示一个表格。谁能帮我实现这一目标？谢谢你。

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