0

タブを変更しても、コンテンツはフェードインしません。クラスフェードを追加しましたが、同じ結果が得られます。何か助けはありますか?

ライブ プレビューは次のとおりです: http://jsfiddle.net/DesignPuma/zVgX5/2/

HTML:

<div class="btn-group" id="myTab" data-toggle="buttons-radio">
    <a class="btn active" href="#popularPosts" data-toggle="tab"><i class="icon-star"></i></a>
    <a class="btn" href="#recentPosts" data-toggle="tab"><i class="icon-tags"></i></a>
</div>

<div id="sidebar-tabs" class="tab-content">
    <div class="tab-pane fade in active" id="popularPosts">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    </div>
    <div class="tab-pane fade" id="recentPosts">
        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
</div>

JavaScript:

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

ありがとう

4

1 に答える 1

4

フェード効果を得るには、bootstrap-transition.js を含める必要があります。

http://twitter.github.io/bootstrap/assets/js/bootstrap-transition.js

于 2013-04-25T18:20:14.380 に答える