延遲后的jQuery slideUp

Question

我有一個導航菜單子ul動畫，當它的父li懸停在鼠標上時。 當鼠標退出時，它也會向上滑動。 但是，我正在嘗試使其延遲1秒，然后才向上滑動。 我希望孩子ul在鼠標離開后保持打開狀態1秒鍾。 但是，它仍然立即滑升。 怎么了

    $(".ipro_menu li>ul").hide(); // Hide all

$(".ipro_menu li").mouseenter(function() {
    $(this).children("ul").slideDown();
}).mouseleave(function() {
    $(this).delay(1000).children("ul").slideUp(); // Wait 1 sec before sliding up
});

Answer 1

順序錯誤，請在延遲動畫之前獲取元素，否則延遲將應用於this ，而不是其子級。

$(this).children("ul").delay(1000).slideUp();