javascript - jQuery 多标签脚本不工作

Question

这是我正在使用的笔，但每个选项卡的内容没有更新，请检查我在下面编码的 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

这就是为什么拥有一个调试器是有帮助的。您可以使用调试器跟踪代码并检查变量的值和执行路径，以验证一切是否正常运行。