jquery冲突？流沙与Gallerific取消海誓山盟

我使用Galleriffic（一个动态画廊jquery插件）和Quicksand（一个jquery过滤插件）。jquery冲突？流沙与Gallerific取消海誓山盟

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

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

但是，问题是，一旦你排序他们，Galleriffic功能停止工作。

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

非常感谢您的帮助。

2011-01-25 Redlist

据我所知，jQuery事件是在页面加载时附加到元素上的，所以如果缩略图是动态创建的 - jQuery并未将Galleriffic功能附加到它们上。只有绕过它，将在Quicksand完成新缩略图调用后，在回调中重新附加Gallerific功能。

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

希望帮助

来源

2011-01-25 16:27:17 benmacgowan

UrbenKeach，非常感谢你的快速回复。这绝对有帮助，我相信你已经把我放在了正确的轨道上。我已经更新了我的链接：metropoliscreative.com/jake_test/test1.html#看起来，jquery在流沙完成它的事情之后成功地回想起了全息功能。不过，我在这一点上遇到了一个错误。当我没有正确配置galleriffic时，Ive发现了同样的错误（imageData undefined），但我并没有像加载页面时那样调用它。它在页面加载时起作用。有任何想法吗？再次感谢 - 太多了。 – Redlist 2011-01-25 16:44:26

当您使用流沙，它并不放回该gallerific使用ul.thumbs类。

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

您是否需要使用流沙？你不能只用隐藏和显示过滤图像？或者，也许，作为回调的一部分，您可以在将所有li发送到商品之前将其包装在ul.thumbs中。

来源

2011-01-25 20:57:23 vinhboy

jquery冲突？流沙与Gallerific取消海誓山盟

回答

相关问题