在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

回答

相關問題