javascript - onclick 函数有未定义的调用者对象

Question

我已经阅读过有关类似问题的其他问题，但他们的解决方案对我不起作用。这是我对该函数的调用:

<li class="">
<a href="#" class="" onclick="updateProjectData(this, $ID, $Latitude, $Longitude)">
<span class="text">$Title</span>
</a>
</li>

这是我的功能:

function updateProjectData(caller, pid, lat, long)
{
    $.ajax({
        type: "GET",
        url: "...",
        data: "projectID=" + pid,
        success: function (data) {
            jQuery('#buildingDetails').fadeOut(200).html(data).fadeIn(200);
            $(document).ready(
                function() {
                    if ($('.imagefader').length) {
                        $('.imagefader').innerfade({
                            speed: 'slow',
                            timeout: 4000,
                            type: 'sequence',
                            containerheight: '245px'
                        });
                    }
                    //make the clicked a and li current
                    $('a').removeClass('current');
                    $('li').removeClass('current');
                    caller.addClass('current');
                    caller.parentNode.addClass('current');
                }
            );
        }
    });
    //tried it here too!
}

我还尝试从 ajax 调用中取出调用者引用，但总是收到“未定义不是对象”错误。

Answer 1

您误解了错误消息。 caller 不是 undefined，但 caller.addClass 是。

caller 是一个 DOM 元素，addClass 是一个 jQuery 方法。

您需要caller.classList.add("current")或jQuery(caller).addClass("current")。