Jquery hasClass + If 语句

Question

我希望以下 loadContent 函数仅在单击的链接具有特定类时加载目标 div。这是我到目前为止所想到的:

function loadContent(targetDIV, sourceURL) {
if ( $(this).hasClass("done") ) {
$(""+targetDIV+"").load(""+sourceURL+"");
}
}

<a href="javascript:loadContent('#nav', 'news.php');" class="done">News</a>

该函数无需 if 语句即可工作，但我似乎无法让 hasClass 与 if 一起工作 - 有什么想法吗？谢谢!

Answer 1

它不起作用的原因是函数中对“this”的引用实际上并不是指该链接。将链接本身传递给函数以获得更好的结果:

function loadContent(linkObj, targetDIV, sourceURL) {
    if ( $(linkObj).hasClass("done") ) {
        $(""+targetDIV+"").load(""+sourceURL+"");
    }
}

<a href="javascript:loadContent(this, '#nav', 'news.php');" class="done">News</a>