Question

所以我在这里完成了jsfiddle：

$('img', '.thumb').each(function() {
  $(this).parent().append('<div class="thumbnail-text">' + this.alt + '</div>');
}).bind({
  mouseenter: function() {
    $(this).siblings('.thumbnail-text').show();
  },
  mouseleave: function() {
    $(this).siblings('.thumbnail-text').hide(); 
  }
});

但我不能为我的生活找到如何使用wordpress gallery插件来处理它：

http://www.adammichaelogden.com/my_work/

我已经尝试了所有我能想到的东西，我只知道它可能是一件非常简单的东西。有什么帮助吗？

Answer 1

看起来你有几个语法错误。您错过了img和.all-images选择器之间的逗号，并且错过了结束});。

尝试将块更改为此

$(function() {
  $('img','.all-images').each(function() {
    $(this).parent().append('<div class="thumbnail-text">' + this.alt + '</div>');
  }).bind({
    mouseenter: function() {
      $(this).siblings('.thumbnail-text').show();
    },
    mouseleave: function() {
      $(this).siblings('.thumbnail-text').hide();
    }
  });
});

Answer 2

实际上似乎$不接受。我在你的网站上的控制台中运行了以下代码并且它有效： -

jQuery('img','.all-images').each(function() { 
    jQuery(this).parent().append('<div class="thumbnail-text">' + this.alt + '</div>'); 
}).bind({ mouseenter: function() { 
    jQuery(this).siblings('.thumbnail-text').show(); 
}, mouseleave: function() { 
    jQuery(this).siblings('.thumbnail-text').hide(); } 
});

在悬停时让alt标签显示在img上

2 个答案: