Question

This is the pen我正在努力和下面的Jqueryis。因为我想要一个像每个按钮一样的标签样式显示欲望的内容。

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

您在班级active

前面缺少点

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

此外，如果您执行alert(currentclass)，它会显示出类似“content2 active”的内容。可能不是你所期望的。您可以使用data-name="content2"。然后选择：
```
var currentname = $('.tab-button .active').data('name');
$('.content-canvas [data-name="'+currentname+'"]').show().siblings().hide();
```

多个选项卡不能与Jquery一起使用

1 个答案: