Question

我正面临着jQuery标签的问题。但是slideUp()和slideDown()效果工作正常，但如果用户连续（切换）在标签之间悬停，则红色部分会尝试打开并使用小红色部分进行抖动。如何解决此问题或使该部分完全打开或关闭，如果用户持续快速悬停在选项卡上，则不执行任何操作。

JS FIDDLE DEMO

Answer 1

拿了你的代码：

jQuery(document).ready(function() { 
        jQuery('.etabs li,.tab_content .etabs_item').mouseenter(function(){
          var _tabid = jQuery(this).data('tab');

          if(jQuery(this).hasClass('no-drop')){
            return false;
          }

          jQuery('.tab_content .etabs_item').stop(true, true).slideUp();
          jQuery("[data-id='"+_tabid+"']").stop(true, true).slideDown(function() { $(this).addClass('no-drop') } );
        });

        $('.tab_content').mouseleave(function(){
                jQuery('.tab_content .etabs_item').stop(true, true).slideUp(function() { $(this).removeClass('no-drop') } );    
        });
    });

https://jsfiddle.net/nh0p67tL/3/

在向下滑动结束时添加功能并向上滑动事件，添加和删除“无删除”类。

jQuery混蛋问题与标签上的连续悬停

1 个答案: