Jquery冲突？ Quicksand vs. Gallerific互相取消

Question

我使用Galleriffic（动态图库jquery插件）和Quicksand（jquery过滤插件）。

以下是我的工作示例：http://www.metropoliscreative.com/jake_test/test1.html

如果单击缩略图，它们将在大窗格中正确加载。如果选择项目类型或行业，它将根据某些数据类型对这些缩略图进行排序。

然而，问题在于，一旦对它们进行排序，Galleriffic功能就会停止工作。

我在控制台中没有出现任何错误，一旦我对缩略图进行排序（从我在检查器中看到的内容），代码也没有改变。我不确定问题是什么。

非常感谢你提前帮助。

Answer 1

据我所知，jQuery事件在页面加载时附加到元素上，因此如果动态创建缩略图 - jQuery没有将Galleriffic功能附加到它们。只有这样，在Quicksand完成对新缩略图的调用后，才能在回调中重新附加Gallerific功能。

$quicksand.quicksand($filteredData, {
    duration: 1000,
    easing: 'easeInOutQuad',
    adjustHeight:   'false'
}, function() {
    $('#thumbs').galleriffic({
        imageContainerSel:      '#slideshow',
        controlsContainerSel:   '#controls'
    });
});

希望有所帮助

Answer 2

使用流沙时，它不会放回画廊使用的ul.thumbs类。

this.find('ul.thumbs > li').each

你必须使用流沙吗？你不能只使用hide和show来过滤图像吗？ 或者，作为回调的一部分，您可以将所有li包装在ul.thumbs中，然后再将其发送给画廊。