Javascript 为图像不透明度动画创建jquery函数无效

为什么这不起作用？ChromeDeveloperTools不会返回任何错误，但它不起作用。如果“img”不是直接的派生用法，请帮助我将其传递到函数中。find（）而不是children（）

像这样在悬停中添加

function（）{}

function op_fadein(that, element, val1) {
    $(that).children(element).stop().animate({
        opacity: val1,
    }, 200);
}

function op_fadeout(that, element, val2) {
    $(that).children(element).stop().animate({
        opacity: val2,
    }, 200);
}

---

您需要创建一个包装函数：并传递

这个

：（我也会使用

查找

，而不是

子项

，因此它会查找更深的内容）

---

您正在.hover（）中同时调用

op_fadein

和

op_fadeout

。当动画时间相等时，它们将相互冲突。设置延迟或创建一个函数，在第一个动画完成回调后执行第二个动画（请参见jQuery动画文档）。我认为.hover（）接受两个函数：第一个用于鼠标位于特定元素上时，第二个用于鼠标不再位于该元素上时。

function op_fadein(that, element, val1) {
    $(that).children(element).stop().animate({
        opacity: val1,
    }, 200);
}

function op_fadeout(that, element, val2) {
    $(that).children(element).stop().animate({
        opacity: val2,
    }, 200);
}

$('.post').hover(function () {
    op_fadein(this, 'img', '0.5')
}, function () {
    op_fadeout(this, 'img', '1')
});

function op_fadein(t,element,val1){

    $(t).find(element).stop().animate({
    opacity: val1,
    }, 200);
}

function op_fadeout(t,element,val2){

    $(t).find(element).stop().animate({
    opacity: val2,
    }, 200);
}

$('.post').hover(function (){op_fadein(this,'img','0.5')},function (){op_fadeout(this,'img', '1')});