在asp.net/jquery中弹出以关闭mouseout

当我将鼠标悬停在链接上时，弹出窗口出现在我的页面上。弹出窗口不仅仅是一些文本或图像，它是它自己的网页。弹出窗口在小问题上没有任何问题，但似乎无法让它在onmouseout上消失。我知道我需要编写一些JavaScript代码来隐藏弹出窗口，但我似乎无法使其工作。有没有人有什么建议？这里是我的代码：在asp.net/jquery中弹出以关闭mouseout

<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。我不确定为什么它不需要任何额外的代码。

来源

2011-12-19 TBK

是什么'closePopup'吗？据我所知'openPopup'和'closePopup'没有内置到javascript中 – 2011-12-19 18:55:40

但是在你展示不是jQuery的例子中，它看起来就像纯粹的javascript。告诉我们你的js代码 – Jorge 2011-12-19 18:57:33

对不起，我应该更好地解释。 openPopup JavaScript是早期尝试的一部分，我没有任何js或jquery代码，因为我无法弄清楚我需要什么代码。我展示我的asp代码的原因是，我希望得到一些建议，当我添加javascript时，我需要删除asp代码。例如，我是否离开onmouseover？如果是这样，我用什么代码将其引导到我在其他地方编写的JavaScript代码？我写的jQuery的最近（失败）尝试是以下 – TBK 2011-12-19 19:37:37

也许你应该使用悬停。我不知道你的代码看起来，但这是做这

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

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

--- UPDATE的一个简单的jQuery的方式--- 2个小提琴...

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

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

来源

2011-12-19 19:06:47 pixelass

感谢代码，这绝对是我寻找的解决方案。但我有几个问题。首先，当我将鼠标悬停在链接上时，弹出框似乎没有显示出来，尽管我很困惑，因为我实现了您在jsfiddle链接中显示的html，javascript和css。我的另一个问题是，我可以通过超链接来定义弹出框，而不是在页面上的div中创建内容吗？ – TBK 2011-12-19 19:49:44

你应该把代码放在$（document）.ready（function（）{CODE GOES HERE}）; http://jsfiddle.net/pixelass/8y7RP/6/或http://jsfiddle.net/pixelass/8y7RP/5/用于动态窗口。任何东西都可以创建。 – pixelass 2011-12-19 23:13:51

这真的很有帮助，对于延迟响应抱歉。我喜欢jsfiddle网站。使它很容易理解和玩弄代码。 – TBK 2012-01-03 07:40:04

在asp.net/jquery中弹出以关闭mouseout

回答

相关问题