如何在啓動時觸發下拉按鈕模糊/關閉事件？

Question

我試圖觸發一個事件後，一個buton組被關閉（以捕獲該按鈕組內的多個更改）。

<div class="btn-group"> 

<span id="experiment-filter-group" class="btn-group pull-right open"> 
<button type="button" style="width:auto" class="dropdown-toggle btn btn-small" data-toggle="dropdown">Click Here <b class="caret"></b></button> 
<ul class="dropdown-menu" style="max-height: 400px; overflow-y: auto; overflow-x: hidden;"> 
     <li class="active"><a href="javascript:void(0);" style="padding:0;"><label style="margin:0;padding:3px 20px 3px 20px;width:100%;height:100%;cursor:pointer;"><input style="margin-bottom:5px;" type="checkbox" value="0"> X Option</label></a></li> 
     <li><a href="javascript:void(0);" style="padding:0;"><label style="margin:0;padding:3px 20px 3px 20px;width:100%;height:100%;cursor:pointer;"><input style="margin-bottom:5px;" type="checkbox" value="1"> Y Option </label></a></li> 
</ul> 
</span> 

</div> 

<script> 
    $('.btn-group').on("closed", function(e){ 
      console.log("closed"); 
     }); 
</script> 

這是行不通的..

Answer 1

上有密切的事件沒有Twitter的引導下拉菜單中，但你可以做這樣的事情：

$(document).ready(function() { 

    $('#btn-group').data('open', false); 

    $('#dropdown-button').click(function() { 
     if ($('#btn-group').data('open')) { 
      $('#btn-group').data('open', false); 
      onCloseEvent(); 
     } else $('#btn-group').data('open', true); 
    }); 

    $(document).click(function() { 
     if ($('#btn-group').data('open')) { 
      $('#btn-group').data('open', false); 
      onCloseEvent(); 
     } 
    }); 

    function onCloseEvent() { 
     alert("close"); 
    } 
}); 

http://jsfiddle.net/Barbarah/QYvJh/3/