JQuery:悬停功能,如何添加延迟

Question

当你将鼠标悬停在如下图像上时,我有一些JQuery会弹出一个JQuery Dialog(http://docs.jquery.com/UI/Dialog)框:

    $(document).ready(function() {
        $("img").hover(function() {

             $("#dialog").dialog();
        });
    });

我有两个问题1.当我关闭对话框然后再次将鼠标悬停在图像上时,对话框不再出现,我该如何解决1.如果用户将鼠标悬停在图像上,我怎么能弹出框几秒钟

Answer 1

1)使用mouseover/mouseout或mouseenter/mouseleave事件.

2)看看这个:http://cherne.net/brian/resources/jquery.hoverIntent.html.我已经在几个地方使用它,它允许非常好的自定义悬停.它还负责第1点捕捉自己的事件.