Javascript quicksand插件的悬停效果

我在一个网站上使用Quicksand插件，我希望所有的项目都有悬停效果。我设法做到了，但在过滤发生后，悬停效果将消失。然后我听从了这个建议：

并将以下内容添加到我的代码中：

$("img.on").live({
mouseover:
function() {
$(this).stop().animate({"opacity": "0"}, "slow");},
mouseout:
function() {
$(this).stop().animate({"opacity": "1"}, "slow");}});
$("img.over").live({
mouseover:
function() {
$(this).stop().animate({"opacity": "1"}, "slow");},
mouseout:
function() {
$(this).stop().animate({"opacity": "0"}, "slow");}});

它似乎在ff上运行良好，但ie8不起作用。悬停图像显示在原始图像上方，不会从此处移动。如果我将mouseover改为mouseenter，mousout改为mouseleave，它至少会在悬停和离开后淡出，然后按预期执行

我通过css将悬停img的不透明度传递给cero

---

我可能犯了一个新手错误，我对js和jquery完全是新手。

使用live我解决了这个问题，所以clonned元素会受到悬停的影响

天哪！流沙是产品名称吗？