jquery - 单击选项卡时，Jquery fadeIn() 不起作用

Question

嗨，我有 3 个选项卡，其内容由 jquery hide 和 fadeIn() 填充。一切正常，但是当我们非常快速地单击每个选项卡时，内容会合并例如：第一个选项卡可能包含第二个选项卡内容。

注意：缓慢点击每个选项卡时效果很好，只有速度和连续点击会导致问题

查询：

    $('.secondtab').on('click',function(){

$('.firsttabcontent,.thirdtabcontent').hide();
removeActiveTab();
$(this).addClass('activeclasstab');

$('.secondtabcontent').hide().fadeIn();


});

$('.firsttab').on('click',function(){
$('.secondtabcontent,.thirdtabcontent').hide();
removeActiveTab();
$(this).addClass('activeclasstab');


$('.firsttabcontent').hide().fadeIn();

});
$('.thirdtab').on('click',function(){
$('.secondtabcontent,.firsttabcontent').hide();
removeActiveTab();
$(this).addClass('activeclasstab');


$('.thirdtabcontent').hide().fadeIn();

});

请帮忙解决这个问题？？

Answer 1

最后我得到了解决方案。当快速单击选项卡时，我使用stop()来防止选项卡之间的内容重叠。

$('.secondtab').on('click',function(){

$('.firsttabcontent,.thirdtabcontent').hide();
$('.secondtabcontent').stop().hide().fadeIn();


});