javascript - $(this) が .hover() では機能するのに、.ready() では機能しないのはなぜですか?

Question

そのため、db からロードされた複数の div で backstretch.js を動作させようとしています。

divごとに個別の画像を取得できません。

これは完全に機能します。ボックスにカーソルを合わせると背景が表示されますが、ページが読み込まれるとすぐに読み込まれたくありません。

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

私はこれを.ready()で試しましたが、結果はありませんでした。これは "$(this)" を登録していないようです。:

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

HTMLは次のとおりです。

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

助けてください...これよりも良い方法がある場合は、それを返信してください:)

score 3 · Accepted Answer

.ready() メソッドは、現在のドキュメントに一致する jQuery オブジェクトでのみ呼び出すことができるため、セレクターは省略できます

$(document)したがって、メソッドにのみ使用できますready()。

score 0 · Accepted Answer

さて、jQuery.eachで解決しました

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

score 0 · Accepted Answer

おそらく最善の解決策は、委譲をドキュメントオブジェクトにバインドすることです

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

3 に答える 3