JQuery вкладки ширина следующая и предыдущая ссылки

Question

вкладки работают нормально, но мне нужно вызвать кнопки NEXT и PREV , которые в настоящее время не выбирают вкладки

облако, вы мне в этом помогаете?

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

спасибо

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 автоматически предоставляет множество функций. Есть ли причина, по которой вы его не используете?