在流沙 jquery 中添加函数答案

【问题标题】：Add function inside Quicksand jquery在流沙 jquery 中添加函数
【发布时间】：2015-04-15 10:53:06
【问题描述】：

我正在使用流沙，但我想在流沙 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)
    }
);

有什么想法可以在流沙中添加这个功能吗？

【问题讨论】：

How to bind .hover() to dynamically created "li" elemtent? 的可能重复项

标签： javascript jquery css quicksand

【解决方案1】：

我对快速沙元素 question here 也有同样的问题。这对我有用。使用此功能。这可能会有所帮助。

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

     //code here .
        });

这背后的原因是

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

【讨论】：