Question

我正在使用响应式菜单代码，该代码使用document.getElementById来触发菜单。

适用于与母版页位于同一文件夹的页面。但是对于单独文件夹中的页面，菜单不会弹出。

代码示例：

<body>
    <div class="mp-pusher" id="mp-pusher">
        <nav id="mp-menu" class="mp-menu">
        </nav>
    </div>
    <a class="codrops-icon codrops-icon-prev" href="#" id="trigger"><span>Menu</span></a>   

<script src="/CodeTest/js/classie.js"></script>
<script src="/CodeTest/js/mlpushmenu.js"></script>
<script>
    new mlPushMenu(document.getElementById('mp-menu'), document.getElementById('trigger'));
</script>
</body>

由于某种原因，脚本必须位于html的正文中，因为当我将其移动到它不起作用时。

Answer 1

您需要向浏览器显示在要调用JS文件的文件上查找JS文件的位置。

如果您的JS文件位于名为JS的文件夹中，该文件夹位于名为CodeTest的文件夹中，并且您希望在名为（例如）somethingFolder的文件夹中的html中调用此文件，则应该返回一个级别（。。）然后搜索CodeTest - ＆gt; js - ＆gt; file.js，例如：

src="../CodeTest/js/file.js"

现在，如果要在与CodeTest文件夹相同级别的文件中调用JS文件，则必须在没有点（..）的情况下进行链接，例如：

src="CodeTest/js/file.js"

Answer 2

试试这个，

<script type='text/javascript' src='js/classie.js'></script>
<script type='text/javascript' src='js/mlpushmenu.js'></script>

页面不在与母版页相同的文件夹上时，js无法正常工作

2 个答案: