2012-03-27 8 views

答えて

0

は、あなたが持っている既存のクリックハンドラを利用してください。次をクリックすると、.trigger('click')を呼び出すことによって、次のタブでクリックハンドラを手動で起動します。 、言われていることhttp://jsfiddle.net/baKYK/

jQuery UIは多くを提供します。

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); 
});  

デモ:あなたは次のと以前のクリックハンドラにコードを複製する必要はありませんので、私はまた、共通の呼び出しでchangeTabコードを置きます自動的に機能のあなたがそれを使用していない理由はありますか?

+0

私がUIを使用していない理由は、私がすでにバックボーンを使用していて、他のものを利用しているからです。 UIが時にはそれらと競合している – DD77

関連する問題