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

Question

所以我在这里完美地研究了一个jsfiddle：

http://jsfiddle.net/5dxhC/32/

$('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(); } 
});