0
A
答えて
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コードを置きます自動的に機能のあなたがそれを使用していない理由はありますか?
関連する問題
- 1. jQueryの次の兄弟セレクタ(「PREV〜兄弟」)
- 2. jQuery CyclePlugin次のprevクリックイベントキーボードが押されたとき
- 3. jquery UIタブ幅100%
- 4. jQuery looping prev next
- 5. Jquery Datepicker prev、次のアイコンがホバリングに隠れている
- 6. JQuery - サイクルの前/次をトリガーするjcarousel prev/next
- 7. JqueryのprevUntil()/ prev()関数
- 8. jQuery Stepsプラグインのタブの幅を変更するには
- 9. jquery prevを正しく使うには?
- 10. jQuery-UIタブのフォントサイズとタブ幅と高さを変更する方法
- 11. Cycle2 AutoHeightの次の問題/ Prev問題
- 12. ActionBarタブの幅
- 13. Jquery Cycleプラグイン。コマンドPrev not working
- 14. jquery .next()と.prev()は同じdiv内にあります
- 15. jQueryのタブは、アンカージャンプ
- 16. 奇妙なjQueryの.prev()の挙動
- 17. jQueryの()priceFormatは()私は、タブ
- 18. CodeMirrorタブとJQueryタブ
- 19. Jquery selectBoxは同じではなく、タブ内の幅を選択します。
- 20. CKEDITORのデフォルトのタブ幅の幅
- 21. jQueryのタブとフォームフィールド
- 22. jQueryのUIのタブまたは.LOAD() - タブのタブの内容とは異なるコンテナ内のリンクと追加URL
- 23. Jquery:関数変数として.nextまたは.prevを渡す方法は?
- 24. JQuery Datatableの列配列(幅と幅が同じではない)
- 25. jQueryの - データテーブルには、私は列の幅を指定したjQueryのデータ・テーブルには、次の好きている
- 26. 最大タブ幅
- 27. jQueryのUIのタブ:JSONは、私はアヤックスとのjqueryのUIのタブを使用してい
- 28. Jqueryのタブとバーのアニメーション
- 29. Jquery JSONとタブ
- 30. jQuery:wrapperでnext()とprev()?
私がUIを使用していない理由は、私がすでにバックボーンを使用していて、他のものを利用しているからです。 UIが時にはそれらと競合している – DD77