javascript - 带有流沙插件的悬停效果

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

我通过CSS将悬停img的不透明度设置为cero。

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

Answer 1

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