jquery - 2 秒后显示菜单

Question

我在尝试显示 <div> 时遇到问题2秒后.. 我的问题是，当我将鼠标悬停在按钮上时，菜单会立即显示，我想要延迟 2 秒...

尝试悬停:Mere på cabiweb，然后会显示菜单 -> 你可以看到它 here

代码:

<script>$(document).ready(function() { 
    $("#dropdown").hover(function(){
        $(".drop-inner").delay(2000).show();
      });
    });</script>

Answer 1

使用超时而不是 .delay()，后者仅 affects queued functions (如效果):

$("#dropdown").hover(function() {
    setTimeout(function() {
        $(".drop-inner").show();
    }, 2000);
});