jquery - 为什么隐藏的分隔线在鼠标悬停后会重新出现？

Question

为什么下面的代码没有按预期运行？请帮忙!效果应该类似于:http://techweek.com/miami/techweek100/

http://codepen.io/anon/pen/edpKc/

var img = $('.grid-gallery section');
  if (img.length){
      img.on('mouseover',function(){
          $(this).find('.minibio').slideDown('fast')
 });

$(img).on('mouseout',function(){
   $(this).find('.minibio').slideUp('fast');
   });
 }

它似乎 react 过度，当我不想要它时切换。谢谢!

Answer 1

您可能需要 mouseenter 和 mouseleave:

img.on('mouseenter',function(){
    $(this).find('.minibio').slideDown('fast')
});

img.on('mouseleave',function(){
   $(this).find('.minibio').slideUp('fast');
});

可以看到事件之间的区别here在“演示”下。