Jquery选项卡宽度next和prev链接

时间:2012-03-27 16:34:17

标签: jquery tabs

标签工作正常,但我需要触发 NEXT PREV 按钮,这些按钮目前不会选择标签

你帮我解决了这个问题吗?

http://jsfiddle.net/pmnzT/27/

感谢

1 个答案:

答案 0 :(得分:0)

利用您拥有的现有点击处理程序。单击下一步时,通过调用.trigger('click')手动触发下一个选项卡上的单击处理程序。我还将changeTab代码放在一个公共调用中,因此您不必在下一个和以前的单击处理程序中复制代码:

function changeTab(next){
    var tabs = $('.tabmenu a');  // Get tab links
    var curTab = tabs.index($('.selected'));  // What link # is selected?
    var num = tabs.size();  // How many do we have?
    if(next) {
       // If next, add 1 (mod total, allows wrapping)
       newTab = (curTab+1)%num;
    } else {
       // If prev, sub 1 (add total, mod total, allows wrapping)
       newTab = (curTab+num-1)%num;
    }
    // This manually "clicks" the next tab
    tabs.eq(newTab).trigger('click'); 
}

$('.next-tab').click(function(){
    // call changeTab(); 1 means next
    changeTab(1);
});

$('.prev-tab').click(function(){
    // call changeTab();  0 means previous
    changeTab(0);
});    

演示:http://jsfiddle.net/baKYK/

话虽这么说,jQuery UI会自动提供很多功能。你有没有理由不使用它?