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");
});

它适用于折叠和手风琴确定。

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

<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 FIDDLE：http://jsfiddle.net/KL7Af/

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

0 个答案: