獲得一個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的畫廊插件在這裏工作：

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

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.