我在使用少量代码时遇到了一些麻烦。本质上,我在我们的 HTML 网页中插入了一个小脚本,以从单独的文件中拉取导航/菜单栏 - 这样我就可以在整个站点范围内随意更改它。
最初,代码不会在本地加载。我知道这是某些脚本的常见问题,所以我忽略了它,因为它在我的 IDE (Atom) 中的 Browser-Plus 视图中工作。
现在,我让我们的 IT 经理上传了我们主页的测试文件,看看它是否也能正常工作。它不是。该页面很好,但菜单栏没有像在我的 IDE 查看器中那样出现。
我检查了 JS 控制台,我的函数行抛出了 Uncaught ReferenceError: $ is Not Defined。
谁能告诉我一个解决方法或不同的方法?
我的老板不是很精通技术,在我可以向他展示它在本地工作之前不会允许代码上线 - 这似乎是一项不可能完成的任务。我不是专业的开发人员,我只是做我们的网站工作,因为我有一些 webdev 知识,所以这不完全是我的驾驶室。
代码如下。
'''
<!--THIS SCRIPT PLACES THE MENU BAR-->
<script>
$.get("nav.html", function(data){
$("#nav-placeholder").replaceWith(data);
});
</script>
<!--END MENU SCRIPT-->
'''
我也试过:
'''
<!--THIS SCRIPT PLACES THE MENU BAR-->
<script type="text/javascript">
$(function(){
$("#nav-placeholder").load("nav.html");
});
</script>
<!--END MENU SCRIPT-->
'''
感谢大家!