javascript - 带有三个事件的 jQuery on 方法

Question

我的 jQuery 中有三个事件。但它似乎只适用于最多两个事件。这仅在我评论第一个函数时才有效。jQuery 可以在一个 on 方法中处理三个事件？以下代码不起作用，因此我不得不使用相同的选择器重复相同的操作。

            var t;
            $("#pro").on("mouseleave",
                // function(){$("#foo").hide(10000)},
                function(){clearTimeout(t)},
                function(){t=setTimeout(function(){$("#detail").slideUp();}, 5000)}
            );

这是我的重复。

          $("#pro").on("mouseleave", function(){$("#foo").fadeOut(10000)}); 

我应该怎么做才能将所有事件包含在一个方法中，这样我就不必重复了。谢谢，

Answer 1

为什么不只创建一个事件处理程序：

var t;
$("#pro").on("mouseleave", function() {
    $("#foo").hide(10000);
    clearTimeout(t);
    t=setTimeout(function(){$("#detail").slideUp();}, 5000);
});

Answer 2

只需将它们全部写在一个信号处理程序中

       $("#pro").on("mouseleave",
            // function(){$("#foo").hide(10000)},
            function(){
                 clearTimeout(t);
                 t=setTimeout(function(){$("#detail").slideUp();}, 5000);
                 $("#foo").fadeOut(10000);
            }
        );