用于获取类属性的单击函数上的 JavaScript 异常

Question

我需要帮助来解决以下脚本的 Chrome 控制台中的异常。 (我不精通 JavaScript。)

异常(exception)是

Uncaught TypeError: Cannot read property 'indexOf' of undefined

带有 indexOf 的行抛出错误。

document.onclick = function(e){
    var target = e.target ? e.target : e.srcElement;
    if($(target).attr('class').indexOf('abcd') == -1 && $(target).attr('class').indexOf('js-toggle') == -1){
        $(".nav-mn").animate({left:"-270px"},200);
        $("body").animate({left:"0px"},200);
        $(".nav-mn").removeClass("open");
    } 
}

Answer 1

当您收到此错误无法获取未定义的属性时，这意味着您正在尝试访问不存在的内容。因此，在您的情况下，您需要在调用 .indexOf() 方法之前检查 $(target).attr('class') 是否存在，如下所示。

document.onclick = function(e){
    var target = e.target ? e.target : e.srcElement;
    if($(target).attr('class') != 'undefined' && $(target).attr('class').indexOf('abcd') == -1 && $(target).attr('class').indexOf('js-toggle') == -1){
        $(".nav-mn").animate({left:"-270px"},200);
        $("body").animate({left:"0px"},200);
        $(".nav-mn").removeClass("open");
    } 
}

阅读这篇文章以获取更多信息

How to check for "undefined" in JavaScript?