javascript - onmouseout 时弹出窗口消失

Question

我有这个脚本:

$(document).ready(function(){
            $('.infoLink').hover(function(){
            $('.shoutBox').hide();
            $(".shoutBox"+$(this).attr("id")+"").toggle();                          
            });

            $('.closeLink').click(function(){
            $(this).closest(".shoutBox").toggle();                   
            });
        });

我需要添加一些内容，以便当访问者停止将鼠标悬停在弹出链接上时弹出窗口就会消失。

弹出链接是一个小“i”按钮:

<a href="javascript:void(0);" class="infoLink rollover" id="box1"><img width="12" height="11" border="0" src="../path/to/randomimage.png" alt="" title="" /></a>

我尝试添加:

$('.infolink').onMouseOut(function(close){
$('.shoutBox').close();
$(".shoutBox"+$(this).attr("id")+"").toggle();                            
});

类似的东西...但是正如你所知...这不起作用...

这里有人可以帮助我吗？

Answer 1

$('.infoLink').hover(function(){
            $('.shoutBox').hide();
            $(".shoutBox"+$(this).attr("id")+"").toggle();                          
            }, function() {
               $('.shoutBox').close();
               $(".shoutBox"+$(this).attr("id")+"").toggle();               
       });