在缩放的图库上使用mouseenter打开一个特定的类？

Question

我有一个图片库，当你悬停时喜欢用下载选项打开图片下方的栏。在inico设法做，请参阅代码 - http://goo.gl/fhBC6

更多我有一个问题我不知道解决方案： 如何仅在选择li时激活slideDown功能？

我该如何解决这个问题？

Answer 1

您需要使用this来选择鼠标所在的元素。
将您的代码更改为：jsFiddle Live Demo

$('.photos-list').on('mouseenter', 'li', function(){
    $(this).find('.openDiv').slideDown();
});
$('.openDiv').on('mouseleave', function(){
    $('.openDiv').slideUp();
});

但我认为最好使用hover()： jsFiddle Live Demo (hover)

$('.photos-list li').hover(function(){
    $(this).find('.openDiv').slideDown();                                      
},function(){
    $('.openDiv').slideUp();                     
});