Javascript 获取错误-函数未在脚本中定义

下面有一个链接，请看一下我的函数中有问题的代码，即使我定义了它并调用了它，但它说函数已定义但未使用

function addDnDHandlers() {
    var coffeeimages = document.getElementsByClassName("productarticlewide");
    var shoppingcartDropZone = document.getElementById("shoppingcart");
    var shoppingcart = document.querySelectorAll("#shoppingcart ul")[0];

    for (var i = 0; i <= coffeeimages; i++) {
        coffeeimages[i].addEventListener("dragstart", function (ev) {
            ev.dataTransfer.effectAllowed = 'copy';
            ev.dataTransfer.setData("Text", this.getAttribute("id"));
        }, false);
    }

    shoppingcartDropZone.addEventListener("dragover", function (ev) {
        if (ev.preventDefault) ev.preventDefault();
        ev.dataTransfer.dropEffect = "copy";
        return false;
    }, false);

    shoppingcartDropZone.addEventListener("drop", function (ev) {
        if (ev.stopPropagation) ev.stopPropagation();

        var coffeeId = ev.dataTransfer.getData("Text");
        var element = document.getElementById(coffeeId);
        addCoffeeToShoppingCart(element, coffeeId);
        ev.stopPropagation();
        return false;
    }, false);

    function addCoffeeToShoppingCart(item, id) {
        var html = id + " " + item.getAttribute("data-price");
        var liElement = document.createElement('li');
        liElement.innerHTML = html;
        shoppingcart.appendChild(liElement);
    }
}

函数adddndhandler（）{
var coffeeimages=document.getElementsByClassName（“productarticlewide”）；
var shoppingcartDropZone=document.getElementById（“shoppingcart”）；
var shoppingcart=document.queryselectoral（“#shoppingcart ul”）[0]；
对于（var i=0；i您将收到一个eslint错误，该错误通知您已定义了一个未使用的函数

这是通过指出过时的对象来帮助您保持代码的整洁

因为您是从HTML文件中定义的
DOMContentLoaded
处理程序调用此函数，所以eslint没有意识到这一点

您可能只需将事件处理程序定义添加到脚本文件的底部，所有操作都将按需要进行，并且您的eslint错误将消失：

function addDnDHandlers() {
    /* ... your code here ... */
}
document.addEventListener("DOMContentLoaded", addDnDHandlers, false);

或者，您可以在代码中添加指令，告诉eslint在这种情况下忽略该规则冲突

通过在顶部添加Ignore指令，在整个文件中忽略此规则：

/* eslint-disable no-unused-vars */ (not recommended)

…或忽略特定行的规则：

function addDnDHandlers() { // eslint-disable-line no-unused-vars

您应该熟悉eslint中可用的规则和配置：
请在文章中包含代码，您提供的链接没有链接到任何代码（只有jsfiddle.net主页）。请在此处发布代码。如果您要提供链接，请确保链接有效。您提供的链接指向
jsFiddle.net
，这对任何人都没有任何用处。请提供代码的工作链接，或者最好还是在此处发布代码。此处是工作链接感谢您的帮助错误已消失，但我的代码无法正常工作y，假设它在购物车中显示添加的咖啡，但拖动很好，但没有显示…知道为什么会发生吗？您使用了哪种方法来纠正eslint错误？控制台中是否存在任何运行时错误？好的，现在我有了与“var”相关的JSlint警告我在函数的开头没有定义任何运行时控制台错误，但它们是关于我的varmissing'use strict'语句的警告。谢谢，它现在工作正常。问题出在我的for循环中。：）我修复了它