使用流沙插件悬停效果

Question

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

jQuery quicksand plugin with .click method

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

$("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，它将在悬停和离开后至少淡出，然后按预期执行。

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

我可能犯了一个新手的错误，我对js和jquery完全不熟悉。

Answer 1

使用.live（）我解决了这个问题，因此克隆的元素会受到悬停

的影响