ホバリング時に画像タイトルを表示する

Question

私はjQueryを初めて使用しています。ギャラリーをセットアップしようとしています。画像の上にマウスを置くと、その画像のタイトル属性が下のdivに表示され、マウスの上に表示されます別のdivのタイトルは表示されません。希望は意味をなさない！私がこれまでに得ている何

は画像を保持しているのdiv上の例クラス「.nggギャラリーサムネイルボックス」では、この

jQuery(".ngg-gallery-thumbnail-box img").each(function(index) { 
    var title = jQuery(this).attr("title"); 
    jQuery(".ngg-gallery-thumbnail-box img").on({ 
     mouseenter: function() { 
      jQuery(".wpGallery").append(title); 
     }, 
     mouseleave: function() { 
      //stuff to do on mouse leave 
     } 
    }); 
}); 

されている（このdiv要素の複数のインスタンスがあります。ギャラリー画像ごとに1つ）。 ".wpGallery"は、ホバー時にタイトルが表示されるdivのクラスです。

お寄せいただきありがとうございます。これが理にかなっていると思います！

Answer 1

あなたはただ、このhttps://jsfiddle.net/p74pL1d1/

jQuery(".ngg-gallery-thumbnail-box img").hover(function(){ 
    var title = jQuery(this).attr("title"); 
    jQuery(".wpGallery").append(title); 
},function(){ 
    jQuery(".wpGallery").html(''); 
}) 

よう hover outでそれを削除 hover eventを使用して hoverにタイトルを追加する必要があります