0

リンクの上にマウスを置くと、ページにポップアップが表示されます。ポップアップは単なるテキストや画像ではなく、独自のWebページです。マウスオーバーで問題なくポップアップが表示されますが、マウスアウトでポップアップが消えないようです。ポップアップオンマウスアウトを非表示にするために、ある種のjavascriptコードを作成する必要があることは知っていますが、それを機能させることができないようです。誰か提案はありますか？これが私のコードです：

<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を定義する必要はありません。なぜ追加のコードが必要ないのかわかりません。

4

1 に答える 1

1

多分あなたはホバーを使うべきです。あなたのコードがどのように見えるかはわかりませんが、これはこれを行うための単純なjQueryの方法です

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

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

---更新---2つのフィドル...

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

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

于 2011-12-19T19:06:47.960 に答える