jquery - Twitter Bootstraps 选项卡功能的自定义动画

Question

我将此函数用于选项卡/导航系统:

# http://twitter.github.com/bootstrap/javascript.html#tabs

$('#myTab a').click(function (e) {
  e.preventDefault();
  $(this).tab('show');
})

但是，我想使用自定义 CSS 动画。这可能吗？我知道有一个“淡入淡出”功能，但我找不到太多关于此功能的文档。

任何帮助，非常感谢!

亚历克斯

Answer 1

将“fade”添加到类“tab-pane”的 div 的类属性中另外“进入”事件选项卡。

<div class="tab-pane active fade in" id="tab1">
 ...
</div>
<div class="tab-pane fade" id="tab2">
 ...
</div>

其他动画:

$('.tabs').tabs()
    .bind('change', function (e) {
        $(this).next().hide().<<Add code to show >>
});