在asp.net/jquery中使用popout关闭mouseout

时间:2011-12-19 18:52:07

标签: jquery onmouseout

当我将鼠标悬停在链接上时,我的页面上会弹出一个弹出窗口。弹出窗口不只是一些文本或图像,它是自己的网页。弹出窗口在没有任何问题的情况下出现,但我似乎无法让它在onmouseout上消失。我知道我需要编写一些javascript代码来隐藏弹出窗口onmouseout,但我似乎无法让它工作。有没有人有什么建议?这是我的代码:

<a class="hoverlink" href="#" onmouseover="javascript:openPopup('TCW_BannerIPGChart.aspx?IPG_desc=<%# Eval("IPG_desc") %>&banner=Cub Foods&enterprise_zone=1')" onmouseout="javascript:closePopup()"><%# Eval("IPG_desc")%></A>

当我在页面上鼠标时出现错误,说明closePopup是未定义的,这是有道理的,因为我无法在JQuery中正确定义它,所以如果有人知道我真的很感激它。作为旁注,我不需要在上面的asp.net代码中定义openPopup。我不确定为什么它不需要任何额外的代码。

1 个答案:

答案 0 :(得分:1)

也许你应该使用悬停。 我不知道你的代码看起来如何,但这是一个简单的jQuery方式来做到这一点

http://jsfiddle.net/pixelass/8y7RP/

$('.hoverlink').hover(function(){
    $('#popup').toggle();
})

--- --- UPDATE 还有2个小提琴......

http://jsfiddle.net/pixelass/8y7RP/6/

http://jsfiddle.net/pixelass/8y7RP/5/