使用流沙插件的悬停效果

我正在网站上使用流沙插件，我想让所有项目都具有悬停效果。我设法做到了，但在过滤发生后悬停效果会消失。然后我遵循了这个建议：

jQuery 流沙插件与 .click 方法

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

$("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 不起作用。悬停图像显示在原始图像上方，不会从那里移动。如果我将鼠标悬停更改为 mouseenter 并将 mousout 更改为 mouseleave，它至少会在悬停和离开后淡出，然后按预期执行。

我有悬停 img 的不透明度通过 css 到 cero。

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