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

Question

我将此功能用于选项卡/导航系统：

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

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

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

任何帮助，非常感谢！

亚历克斯

score 2 · Accepted Answer

使用类“tab-pane”将“fade”添加到 div 的类属性中，另外将“in”添加到活动选项卡中。

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

score 0 · Accepted Answer

尝试使用“slideDown”或“fadeIn”。基本的 jquery 效果应该像 'show' 一样应用。

2 回答 2