jquery - 停止 jquery 中的 fadeTo()

Question

我用过

$(document).ready(function() {

$("#main ul li").hover(function(){

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


$("#main ul li").removeClass("active");
$(this).toggleClass("active");

});


}); 

我想在鼠标移开时停止淡入淡出。此代码不起作用:

fade.stop().fadeTo('slow',1)

我该怎么做？提前致谢。

Answer 1

您需要将两个参数传递给hover。 (mouseenter 处理程序和 mouseleave 处理程序)

例如:

$(document).ready(function() {
    $("#main ul li").hover(
        function() { //mouseenter handler
            var fade = $('img.g-img', this);
            fade.fadeTo('slow', 0.5);

            $("#main ul li").removeClass("active");
            $(this).toggleClass("active");
        }, 
        function () {  //mouseleave handler
            var fade = $('img.g-img', this);
            fade.stop().fadeTo('slow',1)
        }
    );
});