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

Question

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

More 我有个问题不知道解决方法：如何只在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();                     
});