Question

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

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

感谢

Answer 1

利用您拥有的现有点击处理程序。单击下一步时，通过调用.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会自动提供很多功能。你有没有理由不使用它？

Jquery选项卡宽度next和prev链接

1 个答案: