Question

我创建了一个tabbing函数，在我创建间隔的函数内隐藏内容。但我发现如果我在内容完全隐藏之前单击另一个选项卡的错误。标签将停止运作。

$('.panel a').on('click',function(){
    event.preventDefault();
    var _thumbs =$(this).attr('data-name');
    show_content();
    $('#'+_thumbs).removeClass('hidden');
  });
  $('.close').on('click',function(){
    event.preventDefault();
    hide_content();
    });
function hide_content(){
  $('.sidebar').removeClass('sidebar-show');
  setTimeout(backtoNormal, 1000);
}

function show_content(){
    $('.single-page').addClass('hidden');
  if(!$('.sidebar').hasClass('sidebar-show')){
    $('.sidebar').removeClass('hidden').addClass('sidebar-show');
  }
}

function backtoNormal(){
        $('.sidebar').addClass('hidden');
    $('.single-page').addClass('hidden'); 
}

https://jsfiddle.net/mg4t9cnt/

Answer 1

我只是使用

$('.sidebar').on('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend'),                    function(event) {
    $('.sidebar').addClass('hidden');
  }

谢谢你们

在间隔完成之前选择另一个链接使功能崩溃

1 个答案: