为什么$（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")); 
});