我在jquery动画中未解决的问题

我用jquery编写了非常简单的图像rotaror：

HTML:

还有我的jquery：

 $(document).ready(function() {

$(".gmain .g-span").animate({ opacity: 0.60 }, 1 ); 

$("#main ul li").mouseover(function(){
    $("#main ul li").removeClass("active");
    var fade = $('> img', this);
    fade.fadeIn(250);

    $(this).toggleClass("active");
});

}))

一切正常，但我想淡出左侧img

var fade = $('> img', this);
    fade.fadeIn(250);

这条线不行吗？我的js代码有什么问题？

---

提前感谢

将淡入度更改为：

var fade = $('#' +$(this).attr('id') + ' > img');

或

这将选择第一个图像。还是要选择图像的容器并使其褪色

要按类名选择：

 var fade = $('img.g-img', this);

编辑：

茉莉，这应该有用。它将选择接收“mouseover”事件的元素中的类为“.g-img”的所有图像

也许还有别的事

您的函数应该如下所示：

$("#main ul li").mouseover(function(){
    $("#main ul li").removeClass("active");
    var fade = $('img.g-img', this);
    fade.fadeIn(250);

    $(this).toggleClass("active");
});

---

Try:$（this.prev（）.find（'img'）.fadeIn（250），其中：var fade=$（'#'+$（this.attr（'id'）+'>img'）；if（fade.is（':animated'）{fade.stop（）.fadeTo（250，1）；}else{fade.fadeIn（250）；}，函数（）{var fade=$（'#'+$（this.attr（':id'）+'>img'）；if（fade.is（':animated'））{fade.stop（）.fadeTo（3000，0）；}else{fade.fadeOut（3000）}图像消失Hi jasmine。我的解决方案将始终选择第一个。您也可以始终按类名选择它。我将添加该解决方案。var fade=$（'.g-img'，this）；尚未工作。图像消失：（@jasmine-如果图像正在消失，则存在其他错误。请注意，您接受的解决方案将选择所有图像。第一部分：

$（'#'+$（this）.attr（'id'）+'img'）

与执行

$（'img'，this）

，但没有给出选择

img

的定义。（意思是说“您接受的解决方案将选择接收mouseover事件的元素中的所有图像”）现在是ok patrick:$（document）.ready（function（）{$（“#main ul li”）.mouseover（function（）{$（“#main ul li”）.removeClass（“active”）；var=$（'img.g-img'，this）；fade.fadeTo（'slow'，0.5）；$（this）.toggleClass（“active”）})}）；我将在鼠标退出时删除事件。谢谢patrick

var fade = $('#' +$(this).attr('id') + ' img');

 var fade = $('img:first', this);

 var fade = $('img.g-img', this);

$("#main ul li").mouseover(function(){
    $("#main ul li").removeClass("active");
    var fade = $('img.g-img', this);
    fade.fadeIn(250);

    $(this).toggleClass("active");
});