Question

我是jQuery的新手，我正在尝试设置一个图库，当你将鼠标悬停在图像上时，它会在下面的div上显示该图像的title属性，然后鼠标移出该单独div中的标题。希望有道理！

到目前为止我得到的是

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
        }
    });
});

在上面的例子中，类＆＃34; .ngg-gallery-thumbnail-box＆＃34;是保存图像的div（每个图库图像都有这个div的多个实例）。＆＃34; .wpGallery＆＃34;是悬停时标题应显示的div的类。

非常感谢，希望这是有道理的！

Answer 1

您只需要使用hover event并在hover上添加您的标题，然后在hover out中将其删除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('');
})

在悬停时在单独的div上显示图像标题

1 个答案: