jquery - 将选项卡外的元素与选项卡项关联

Question

我有一个可以运行的选项卡脚本:

http://jsfiddle.net/fmqeh/8/

单击“.tab”项目后，ul.tab li 项目的类别为“actives”。但是点击

<a class="bdn" href="#tab2">Go to Tab 2</a>

<a class="bdn">无法添加class="actives选项卡项目。我怎样才能通过滚动到

来做到这一点

<div class="tab_content chart" id="tab2">
    this is the content of tab2
</div>

提前致谢

Answer 1

如果您只需在要激活的选项卡上触发点击事件，就会容易得多:

$(".bdn").click(function(e) {
    var $tabs = $('ul.tab');
    $tabs.find('a[href="#tab2"]').click();
    $(window).scrollTop($tabs.offset().top);
    e.preventDefault();
});

您的固定演示:http://jsfiddle.net/fmqeh/11/