我在网站上使用流沙插件，我想让所有项目都有悬停效果。我设法做到了，但是在过滤发生后悬停效果会消失。然后我遵循了这个建议：
并将以下内容添加到我的代码中：
$("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 完全陌生。