Twitter bootstrap 引导：如何在布局更改时触发自定义事件？

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

大多数是通过引导折叠和淡入（标签、折叠、手风琴）来完成的

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

现在我说了一些类似的话

$('.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");
});

它适用于折叠和手风琴

但在选项卡上，标记如下所示：

<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小提琴：