がホバーにIMG上に表示するために、ALTタグを取得

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のギャラリープラグインで、ここで動作するように取得する方法を見つけ出す：

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

私は私が考えることができるすべてを試みたと私はちょうどそのおそらくSOMを知っています非常にシンプルな私は見ている以上です。どんな助け？

Answer 1

にブロックを変更してみてください実際には$を受け入れていないようです。私はあなたのサイト上のコンソールで、コードの下に実行していたし、それが働いた： - wordpressのギャラリープラグインで

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

Answer 2

いくつかの構文エラーがあるようです。 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(); 
    } 
    }); 
});