jquery-从一个函数到另一个函数的引用值

Question

我是不是漏掉了什么？

我有一些html代码:

<td class="clickable" data-type="connect1">ABC</td>

然后我有以下jquery函数:

$(document).ready(function()
{
    showDetails();
}

getTypeToUse = function()
{
    dataType=$(this).data("type");
    console.log("dataType:"+dataType);
}

showDetails = function()
{
    $('body').on('click','.clickable',function()
    {
        getTypeToUse();
    })
}

但是当我单击时，我得到datatype:undefined。

如果我将代码放在showDetails()中，它将按预期工作并返回datatype:connect1。

但是，由于我希望getTypeTouse函数稍后在其他地方可用，所以我希望将其单独保留。

Answer 1

GetTypeTouse中的引用的是Window对象，而不是单击的元素。 您需要将元素或事件传递给函数，如下所示:

$(document).ready(function() {
    showDetails();
});
    
getTypeToUse = function($ele) {
    dataType = $ele.data("type");
    console.log("dataType:"+dataType);
};
    
showDetails = function() {
    $('body').on('click','.clickable',function() { 
        getTypeToUse($(this));
    });
};