爲什麼「$（this）」在jquery-backstretch上的工作寬度爲.data？

Question

所以我想獲得$（this）的工作。

這不起作用：

$(".tournament-thumb").backstretch($(this).data("url"));

但這：

$(".tournament-thumb").backstretch($(".tournament-thumb").data("url")); 

我需要從數據取的URL。下面是HTML：

<div class="tournament-thumb" data-url="{{asset('images/tournament/' . $tournament->image)}}"> 

我失去了與$（本）和一些。數據重要組成部分？

Answer 1

在參數聲明中使用this，不會更改其上下文。它仍然指向同一個對象，因爲它是其他任何地方周邊範圍

function x(){ 
    //this in here and the function parameter call refers to the same object 
    console.log(this) 
    $(".tournament-thumb").backstretch($(this).data("url")); 
} 

jQuery中

，如果你傳遞一個回調函數，這些函數裏面this將最有可能是指當前正在使用的DOM元素。

如果是像

$(".tournament-thumb").backstretch(function(){ 
    //do something 
    //here this might refer to the tournament-thumb element 
});