javascript - 在 Quicksand jquery 中添加函数

Question

我正在使用流沙，但我想在由 Quicksand jquery 过滤的元素内添加悬停效果。

(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 .这对我有用。使用这个功能。这可能会有所帮助。

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

     //code here .
        });

这背后的原因是

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