Question

因此，我在YouTube上关注此教程： https://www.youtube.com/watch?v=OCbdZnrE4Fc

当他这样做时，代码运行良好，但是我陷入了相同代码的问题。他所做的就是在resources / js文件夹中创建一个包含以下代码的“ manage.js”文件：

const accordions = document.getElementsByClassName('has-submenu');

function setSubmenuStyles (submenu, maxHeight, margins) {
    submenu.style.maxHeight = maxHeight;
    submenu.style.marginTop = margins;
    submenu.style.marginBottom = margins;
}

for (var i=0; i<accordions.length; i++) {
    accordions[i].onclick = function () {
        this.classList.toggle('is-active');

        const submenu = this.nextElementSibling;
        if (submenu.style.maxHeight) {
            // menu is open, we need to close it now
            setSubmenuStyles(submenu, null, null);
        } else {
            // meny is close, so we need to open it
            setSubmenuStyles(submenu, submenu.scrollHeight + "px", "0.75em");
        }



    }
}

然后他通过添加以下代码行从resources / js / app.js文件中调用此文件：

require(./manage)

在他的代码中，以上两个步骤都可以正常工作，我被困住了。我没有npm运行开发人员。我检查了公共文件夹中已编译的app.js文件，并且可以在其中看到功能。当我检查浏览器控制台并检查变量和函数时，变量手风琴和函数setSubmenuStyles均显示“未捕获参考错误” 。通过将脚本复制到布局文件中，我找到了解决此问题的方法，并且可以正常工作。

但是我想找出为什么它不能按照本教程中的说明工作。我无能为力。任何帮助将不胜感激。谢谢

Laravel应用未调用Javascript函数

0 个答案: