jquery - jQuery を使用してリンクにカーソルを合わせる

Question

ホバリング時の単純なjQueryスライドダウン機能を追加しようとしています.アクションをドキュメントの本文に添付するとスライドダウンが機能しますが、リンクとして使用する画像が添付されると機能しません. ここではdivの設定です

jQuery(document).ready( function(){
jQuery('.desTitle').hide()
});
jQuery('#desGal').hover(function()
{
jQuery('.desTitle').slideDown('slow');
});

HTML は次のとおりです。

<div id="contain">
<div class="desTitle"><a href="link"><img src="imgTitle"></a></div>
<div id="desGal"><a href="link"><img src="img"></a></div>
</div>

リンクが問題だと思いますが、よくわかりません。リンクにjQueryホバーイベントを作成することは可能ですか?

Answer 1

ホバー イベント登録を 内に配置しdocument.readyます。#desGal要素が存在する/ドキュメントが読み込まれる前に、イベント レジストリが発生する可能性があります。

jQuery(document).ready(function () {
    jQuery('.desTitle').hide();

   jQuery('#desGal').hover(function () {
    jQuery('.desTitle').slideDown('slow');
});
});

スライドを切り替えてから使用するつもりでしたかslideToggle()

Answer 2

次の CSS を使用して、表示される元の画像を非表示にしましたhover。

CSS

.desTitle {
    display:none;
}

次に、次の JavaScript コードを追加し、ホバーの out イベントも管理します。

JavaScript/jQuery

jQuery('#desGal').hover(function () {
    jQuery('.desTitle').slideToggle('slow');
});

JSFiddle