2011-05-29 114 views
1

我有一個可行的選項卡的腳本元素:關聯放置了標籤與標籤項目

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

:點擊「.TAB」項目,ul.tab李項具有一流的‘活性成分’。但隨着點擊

<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> 

感謝

回答

3

這是一個容易得多,如果你只是觸發要激活選項卡上的單擊事件:

$(".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/

+0

@DarthJDG,非常感謝,但滾動到#tab2怎麼辦? – utopia 2011-05-29 14:34:18

+0

觸發點擊應該也會自動滾動。 – DarthJDG 2011-05-29 14:42:31

+0

你的意思是'$('ul.tab a [href =「#tab2」]')。trigger('click');' ? – utopia 2011-05-29 14:48:25

0

我認爲你的選擇器應該是:

$("ul.tab li:nth-child(2)").addClass("actives");