Question

很抱歉这个令人困惑的标题，但是当我运行html页面时，我的portfolio website上的sidenav会打开。当我在我的网站上使用它时，它只是说Uncaught ReferenceError: openNav is not defined at HTMLSpanElement.onclick ((index):23) onclick @ (index):23它只是引导我到我调用函数的地方。是因为我在调用它之后加载脚本吗？怎么会在当地运作呢？

如果有任何帮助的话，我也让我的服务器通过Cloudflare。我也已经尝试上传我的本地文件并完全替换服务器上的文件，但它们完全相同。

还有一个，我在Github Pages上也有页面，它工作正常。 Github Pages

编辑：相关代码？：

$(function(){$('[data-toggle="tooltip"]').tooltip();});$('.tool-tip').click(function(e){e.preventDefault();});const openNav=()=>{if($(window).width()>2000){document.getElementById("mySideNav").style.width="750px";}else{document.getElementById("mySideNav").style.width="250px";}
document.getElementById("navTextWrapper").style.display="block";}
const closeNav=()=>{document.getElementById("mySideNav").style.width="0";document.getElementById("navTextWrapper").style.display="none";}

<span class="openMenu" onclick="openNav();">&#9776;</span>
<nav id="mySideNav" class="sidenav">
<div id="navTextWrapper">
<div class="navBrandExit">
<a href="#" class="brand">Kenneth Rhodes</a><a href="#" class="closeBtn" onclick="event.preventDefault(); closeNav();">&times;</a>
</div>
<a href="#showcase">Top</a>
<a href="#perks">Skills</a>
<a href="#portfolio">Portfolio</a>
<a href="#contact">Contact</a>
</div>
</nav>

Answer 1

检查您的网站似乎js / main.js未正确加载，您是否可以尝试在cloudflare性能设置中关闭Rocket Loader以查看它是否有任何影响？您可以转到：

进入效果设置

速度＆gt;火箭装载机

脚本在我在本地调用它之前加载一个函数，但是公开后它会加载它

1 个答案: