Получение альт тег, чтобы показать над 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 галерея плагин здесь:

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

Я пробовал все, что я могу думать, и я просто знаю его, вероятно, сома что-то очень простое, что я уже смотрю. Любая помощь?

Answer 1

На самом деле, кажется, что $ не принимает. Я побежал ниже код в консоли на вашем сайте, и она работала: -

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