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

最佳答案

问题是currentclass被设置为类似于“ content2 active”而不是“ content2”的内容。

您可以尝试使用以下方法:

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


参见:http://codepen.io/anon/pen/qbAdG

这就是为什么使用调试器会有所帮助的原因。您可以使用调试器来遍历代码,并检查变量的值和执行路径,以验证是否一切正常。

09-10 13:27
查看更多