0

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

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

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

但是，问题是一旦您对它们进行排序，Galleriffic 功能就会停止工作。

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

非常感谢您的任何帮助。

4

2 回答 2

0

据我所知，jQuery 事件会在页面加载时附加到元素上，所以如果缩略图是动态创建的 - jQuery 没有将 Galleriffic 功能附加到它们。唯一的办法是在流沙完成调用新缩略图后在回调中重新附加 Gallerific 功能。

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

希望有帮助

于 2011-01-25T16:27:17.810 回答
0

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

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

一定要用流沙吗？你不能只使用隐藏和显示来过滤图像吗？或者，作为回调的一部分，您可以在将它们发送到gallerific之前将所有内容包装li起来ul.thumbs。

于 2011-01-25T20:57:23.457 回答