悬停时启动/停止javascript函数

Question

我有一个 javascript 函数，我使用 jquery 和 jquery-timing 循环遍历 ul 的图像和文本更改不透明度。

function gridautomate() {

griditem.repeat().each($).find("img").animate({"opacity" : "1"},500, $).wait(7000).wait(noHover).animate({"opacity" : ".5"}, 500, $);
griditem.repeat().each($).find(".quote").animate({"opacity" : "1"},500, $).wait(7000).wait(noHover).animate({"opacity" : "0"}, 500, $);

};

我有另一个功能改变，但在悬停时会发生相同的变化。

function gridanimate() {

griditem.hover(

    function(){
    $(this).find("img").animate({"opacity" : "1"},0);
    $(this).find(".quote").animate({"opacity" : "1"},0);
    },

    function(){
    $(this).find("img").animate({"opacity" : ".5"},0);
    $(this).find(".quote").animate({"opacity" : "0"},0);
    gridautomate();
    }

);

}

我想做的是在悬停时切换启动第一个功能，即在悬停时停止并在悬停时开始。想不通。

Answer 1

我不明白这个问题。虽然你可以查看 stop() 方法stop()

$('#hoverme-stop-2').hover(function() {
  $(this).find('img').stop(true, true).fadeOut();
}, function() {
  $(this).find('img').stop(true, true).fadeIn();
});