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

您忘记将代码添加到document.ready

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

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

Answer 2

$('#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');
})

尝试这个