Question

为什么下面的代码不能按预期运行？请帮忙！效果应与此类似：http://techweek.com/miami/techweek100/

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');
   });
 }

它似乎反应过度，并且当我不想要它时切换。谢谢你！

Answer 1

您可能希望mouseenter和mouseleave代替：

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

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

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

Answer 2

你对错误事件的约束力，你会对此感到高兴：

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

参考：http://codepen.io/anon/pen/mwLtl/

鼠标悬停后，为什么隐藏的分隔符会重新出现？

2 个答案: