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/