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