在Bootstrap中使用show.bs.dropdown的过程

Question

show.bs.dropdown单击下拉列表时使用事件的过程是什么？

例:

当我单击下拉以展开时,它需要运行代码:

$('#myDropdown').on('show.bs.dropdown', function () {
  // do something…
})

Answer 1

Bootstrap下拉show事件与下拉列表的父元素相关联.例如,请注意id=myDropdown..

<div class="btn-group" id="myDropdown">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Menu
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <li><a href="#">Choice1</a></li>
    <li><a href="#">Choice2</a></li>
    <li><a href="#">Choice3</a></li>
    <li class="divider"></li>
    <li><a href="#">Choice..</a></li>
  </ul>
</div>

由此活动处理..

$('#myDropdown').on('show.bs.dropdown', function () {
  alert('hello');
})

演示:http://www.bootply.com/114783