爲什麼$（this）與.hover（）一起使用，但與.ready（）不兼容？

Question

所以，我試圖讓backstretch.js與從數據庫加載的多個div一起工作。

但我無法爲每個div獲取單獨的圖像。

這可以很好地工作，當我懸停箱子，背景顯示，但我不會在頁面加載時加載。

$(".tournament-thumb").hover(
    function(){ 
     $(this).backstretch($(this).data("url")); 
     } 
); 

我與。就緒（）試過這種沒有任何結果，這似乎並沒有註冊「$（本）」？ ：

 $(".tournament-thumb").ready(
    function(){ 
     $(this).backstretch($(this).data("url")); 
     } 
); 

下面是HTML：

<div class="tournament-thumb" data-url="images/image.jpg"></div> 

請幫我...如果還有比這更好的方式，請與迴應呢:)

Answer 1

從docs：

該。準備（）方法只能被稱爲一個jQuery對象匹配當前的文件，所以選擇可以省略

所以，你只能使用$(document)爲ready()方法。

Answer 2

可能最好的辦法是向代表團綁定到文檔對象像

$(document).on('hover','.tournament-thumb',function(){ 
    $(this).backstretch($(this).data("url")); 
}); 

Answer 3

好吧，我jQuery.each解決它

$.each($(".tournament-thumb"), function() { 
    $(this).backstretch($(this).data("url")); 
});