Process for using show.bs.dropdown in Bootstrap [closed]

Answer 1

The Bootstrap dropdown show event is tied to the parent element of the dropdown. For example, notice the 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>

Is handled by this event..

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

Demo: http://www.bootply.com/114783