asp.net/jqueryのmouseoutでポップアップを閉じる

リンク上にマウスを置くと、私のページにポップアップが表示されます。ポップアップはテキストやイメージだけではなく、独自のWebページです。ポップアップはマウスオーバーで問題なく表示されますが、マウスオーバーで消えることはありません。私は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>

私が正しくjQueryの中でそれを定義することができていないので、理にかなっているページ上のIマウスアウトがclosePopupが未定義であるというエラーが、ので、もし誰もがどのように私は思います知っている：ここに私のコードです心から感謝する。補足として、上記のasp.netコードよりもopenPopupを定義する必要はありません。私はなぜそれが余分なコードを必要としないのか分からない。

出典

2011-12-19 TBK

'何をclosePopup'ん？私が知る限り、 'openPopup'と' closePopup'はjavacript –

に組み込まれていませんが、ins't jqueryを表示する例では、純粋なjavascriptのように見えます。私たちにあなたのjsコードを表示 – Jorge

ええ、申し訳ありませんが、私はよく説明してください。 openPopup javascriptは以前の試みの一部でしたが、必要なコードを見つけられなかったため、jsまたはjqueryコードはありません。なぜ私は私のASPコードを表示する理由は、私はJavaScriptコードで追加するときに私は、ASPコードを切る必要があるいくつかのアドバイスを得ることを望んでいたということでした。たとえば、私はonmouseoverを離れるのですか？もしそうなら、他の場所で書いたjavascriptコードにどのコードを使用するのですか？ jqueryを書き込もうとした最近の（失敗した）試みは次のとおりです – TBK

多分あなたはホバーを使うべきです。 2以上フィドル...

---私はあなたのコードがどのように見えるか知りませんが、これは--- UPDATEこの

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

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

を行うための簡単なjQueryの方法です

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

$（document）.ready（function（）{CODE GOES HERE}）にコードを置く必要があります。動的ウィンドウについてはhttp://jsfiddle.net/pixelass/8y7RP/6/またはhttp://jsfiddle.net/pixelass/8y7RP/5/を参照してください。何かが作成される可能性があります。 – pixelass

これは本当に役に立ちました。遅れてしまったのは残念です。私はjsfiddleサイトが好きです。コードを理解して遊ぶのがとても簡単です。 – TBK

asp.net/jqueryのmouseoutでポップアップを閉じる

答えて

関連する問題