Javascript jQuery stop fadeTo（）

我正在尝试停止fadeTo（）动画。我有一个由4张图片组成的块，其中3张（未覆盖的）应该变暗，悬停的图片的不透明度保持在1。不幸的是，到目前为止，我的代码使每一个，包括悬停的一个变暗之前，这一个“灯”再次。相反，我只是希望它在第一时间保持在100%，因为其他一切都使网站看起来没有反应

到目前为止，我得到的是：

$("#submenu").load("submenu.html", function(){
    function darken(){; 
    $("#submenu li").find("img").fadeTo( 100, 0.20  );
    }   

    function brighten(){
$("#submenu li").find("img").fadeTo( 100, 1.00  );
    }   

    $('#submenu li').each(function(index) {

            $(this).hover(
                  function () {
                    darken();

            //       $(this).stop(1,0).fadeTo(100, 0.20);
// if I do this ^ this image stays dark, even when hovered, and stays black when unhovered

           //        $(this).stop(1,0).fadeTo(100, 0.20);
// this ^ has no effect on the image whatsoever and it stays dark if I remove the line below

                $(this).find("img").fadeTo( 100, 1.00  );
// keeping this ^ line, it shows the behavior as stated in the question
                  }, 
                  function () {
                    brighten ();  
                  }
            );


    });

---

我在stop（）调用中使用了很多（true，false）语句，但到目前为止，在任何组合中都没有成功。

好的，我仍然对web开发一无所知（我是一名应用程序开发人员），但我现在做的是将元素传递给darken（）方法，以便它知道什么是“不允许”变暗的。将在清理后发布代码

$("#submenu").load("submenu.html", function(){

    function darken(topkek){

        $.each($('#submenu ul li'), function( index, value ) {
            if(topkek.innerHTML!=$(this).html()){
                $(this).find("img").stop(true).fadeTo( 100, 0.40  );
            }
// I think one couldn't have done this worse than here but if it look stupid and it work, it ain't stupid
        }); 
    }   


    function brighten(){
        $("#submenu li").find("img").stop(true).fadeTo( 450, 1.00  );
    }   

    $('#submenu li').each(function(index) {

            $(this).hover(
                  function () {
                    darken(this);                   
                  }, 
                  function () {
                    brighten ();  
                  }
            );


    });

    });

---

好的，我仍然对web开发一无所知（我是一名应用程序开发人员），但我现在做的是将元素传递给darken（）方法，以便它知道什么是“不允许”变暗。将在清理后发布代码

$("#submenu").load("submenu.html", function(){

    function darken(topkek){

        $.each($('#submenu ul li'), function( index, value ) {
            if(topkek.innerHTML!=$(this).html()){
                $(this).find("img").stop(true).fadeTo( 100, 0.40  );
            }
// I think one couldn't have done this worse than here but if it look stupid and it work, it ain't stupid
        }); 
    }   


    function brighten(){
        $("#submenu li").find("img").stop(true).fadeTo( 450, 1.00  );
    }   

    $('#submenu li').each(function(index) {

            $(this).hover(
                  function () {
                    darken(this);                   
                  }, 
                  function () {
                    brighten ();  
                  }
            );


    });

    });

---

你能添加JSFIDLE链接吗？目前淡入淡出没有显示在FIDLE上，只需要封装代码一点，请等待可能的重复。你能添加JSFIDLE链接吗？目前淡入淡出没有显示在FIDLE上，只需要封装代码一点，请等待可能的重复