在Quicksand中添加函数

Question

我使用的是流沙，但我想在quicksand过滤的元素中添加一个悬停效果。

(function ($) {
    var $itemsHolder = $('ul.proyectosthumb');
    var $itemsClone = $itemsHolder.clone(); 
    var $filterClass = "";
    $('ul.filter li').click(function(e) {
        e.preventDefault();
        $filterClass = $(this).attr('data-value');
        if ($filterClass == 'all') { 
            var $filters = $itemsClone.find('li'); 
        }
        else { 
            var $filters = $itemsClone.find('li[data-type='+ $filterClass +']'); 
        }
        $itemsHolder.quicksand($filters);
    });
}(jQuery));

悬停效果函数：

$('.thumbnail').hover(
    function(){
        $(this).find('.caption-hover').fadeIn(250); //.fadeIn(250)
    },
    function(){
        $(this).find('.caption-hover').fadeOut(250); //.fadeOut(205)
    }
); 

有没有在Quicksand中添加这个函数的想法？

Answer 1

我在快速沙子元素question here上也遇到了同样的问题。这对me.use起作用了，这个函数.this可能会有所帮助。

jQuery(document).on('hover',".thumbnail",function(){

     //code here .
        });

这背后的原因是

.on()方法将事件处理程序附加到jQuery对象中当前选定的元素集。check full desc