Question

This is the pen我正在处理但每个标签的内容都没有更新请查看我在下面编写的jQuery。

$('.content-canvas').find('div').hide();
$('.content-canvas div:first-child').show();
$('.tab-button span:first-child').addClass('active');
$('.tab-button').find('span').click(function(){
   $('.tab-button').find('span').removeClass('active');
   $(this).addClass('active');
   var currentclass=$('.active').attr('class');
   $('.content-canvas').find('div').each(function(){
      if($(this).attr('class')==currentclass) {
         $('.content-canvas').find('div').hide();
         $(this).show();
      }
      else {
         $(this).hide();
      }
   });
});

Answer 1

问题是currentclass被设置为“content2 active”而不是“content2”。

您可以尝试使用以下内容：

var currentclass = $(this).attr('class');  
$(this).addClass('active');

请参阅：http://codepen.io/anon/pen/qbAdG

这就是调试器有用的原因。您可以使用调试器来跟踪代码并检查变量的值和执行路径，以验证一切都按预期运行。

jQuery Multi Tabs脚本不起作用

1 个答案: