所以,我的应用程序中有一些事件会改变我页面上的布局(重新定位元素)......
主要是通过自举折叠和褪色(标签,可折叠,手风琴)完成的......
我想在变更即将发生时触发事件,而在变更完成时触发另一个事件。
现在我出来了类似的东西
$('.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/