Bootstrap v3下拉事件处理程序不起作用

Question

请在这里查看jsfiddler。这是最基本的示例，默认设置没有变化： http://jsfiddle.net/BsZ47/3/

<div class="dropdown">
       <button class="btn btn-default mybutton" data-toggle="dropdown">Select Days<div class="pull-right"><span class="caret"></span></div></button>
<div class="dropdown-menu" role="menu">
    <a>Hello</a>    
</div>
</div>

<br><br><br><br>
    <div id="news"></div>

在显示/隐藏下拉列表时应更改文本的事件处理程序不执行任何操作。这是我的问题还是完全忘记添加功能？

Answer 1

您需要定位事件的父.dropdown元素。

$(".dropdown").on('shown.bs.dropdown', function(){

旁注......

1. 您应该使用<ul>和<li>作为.dropdown-menu项。
2. 您无需使用pull-right div来显示插入符号，实际上会让它看起来更糟......

DEMO