twitter-bootstrap - Bootstrap：如何在布局更改时触发自定义事件？

Question

所以，我的应用程序中有一些事件会改变我页面上的布局（重新定位元素）......

主要是通过引导折叠和褪色（标签，可折叠，手风琴）完成......

我想在即将发生更改时触发一个事件，并在更改完成时触发另一个事件..

现在我想出了类似的东西

$('.collapse').on("shown hidden", function(){
    jQuery(myAPP).trigger("layoutchanged");
});
$('.collapse').on("show hide", function(){
    jQuery(myAPP).trigger("layoutchanging");
});

接着...

jQuery(myAPP).on("layoutchanging", function(e){
    log("Start changing");
});

jQuery(myAPP).on("layoutchanged", function(e){
    log("Layout changed");
});

它适用于折叠和手风琴OK。

但是在标签上，标记是这样的：

<ul class="nav nav-tabs can_deactivate">
    <li><a href="#tab_1" data-toggle="tab">Open Tab 1</a></li>
    <li><a href="#tab_2" data-toggle="tab">Open Tab 2</a></li>
</ul>

<div class="tab-content">
    <div class="tab-pane fade" id="tab_1">
        Lorem ipsum
    </div>
    <div class="tab-pane fade" id="tab_2">
        Lorem ipsum
    </div>
</div>

我能做些什么？

JS 小提琴：http: //jsfiddle.net/KL7Af/