jquery - 複数のタブ ナビゲーションにアクティブなクラスを追加する

Question

Twitter Bootstrap を使用して、タブがクリックされたときにアクティブなクラスを両方のナビゲーション バーに追加しようとしています。

<script type="text/javascript">
   $('#myTab a').click(function (e) {
      e.preventDefault()
      $(this).tab('show')
   })
   $('#myTab2 a').click(function (e) {
      e.preventDefault()
      $(this).tab('show')
   })
</script>

より良いアイデアを得るには、http://jsfiddle.net/dgQjA/を参照してください。

Answer 1

$('#myTab a').click(function (e) {
 e.preventDefault()
 $(this).tab('show');
 var index = $(this).parent().index();
 $('#myTab2 a:eq('+index+')').tab('show');
})

$('#myTab2 a').click(function (e) {
 e.preventDefault()
 $(this).tab('show');
 var index = $(this).parent().index();
 $('#myTab a:eq('+index+')').tab('show');
})

これを試して

Answer 2

コードを追加するのを忘れたdocument.ready

$(function(){
$('#myTab a').click(function (e) {
e.preventDefault()
$(this).tab('show')
});

$('#myTab2 a').click(function (e) {
e.preventDefault()
$(this).tab('show')
});
});