在引導中使用show.bs.dropdown的過程

Question

單擊下拉菜單時使用show.bs.dropdown事件的過程是什麼？

實施例：

當我點擊下拉擴大，它需要運行的代碼：

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

Answer 1

的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