0

こんにちは、コンテンツがjquery hideおよびfadeIn()によって取り込まれる3つのタブがあります。すべて正常に機能していますが、各タブを非常に速くクリックすると、コンテンツがマージされます例: 最初のタブに2番目のタブのコンテンツが含まれる場合があります。

注：各タブをゆっくりとクリックすると正常に動作しますが、速度と継続的なクリックのみが問題を引き起こします

Jクエリ:

    $('.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();

});

これを解決するのを手伝ってください??

4

1 に答える 1

0

最後に私は解決策を得ました。タブを非常に速くクリックしたときに、タブ間のコンテンツの重複を防ぐためにstop()を使用しました。

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

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


});
于 2012-11-18T09:59:04.077 に答える