执行我的html页面时出现此错误,我有一个正常的html
<HTML>
<HEAD>
<script type="text/javascript" src="js/d3.v3.min.js"></script>
<script type="text/javascript" src="js/utilities.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<TITLE>Título de la página</TITLE>
</HEAD>
<BODY>
Aquí iría el contenido de la página
</BODY>
</HTML>
但是在执行我的页面时,它显示文件“utilerias.js”中的错误包含以下内容:
$(document).ready(function() {
$(document).on('click','#id_articulo', function(e) {
e.preventDefault();
alert('CLICK');
return false;
});
});
错误在第一行 $(document..... 帮助,请,我已经尝试了几种解决方案,错误仍然存在。
对您的脚本的调用不正确,目前您拥有这样的脚本
问题是当浏览器执行
utilities.js
调用JQUERY的代码时还是没有出现,所以它不识别的语法$
所以应该是这样的鉴于上述情况,在执行代码时,
utilities.js
浏览器已经知道 JQUERY 库的语法。您应该将脚本放在页面末尾之前,
</body>
因为头部中的脚本会阻止页面的呈现,HTML
直到它们完全下载为止。您遇到的错误是您的库
j3
和utilities
所依赖的库,JQuery
并且每个脚本在下载后完全运行并继续下载以下脚本,您可以调整顺序,以便在其他两个库已经JQuery
执行时它是第一个这样调用的JQuery
可用的。如果您想使用其中的脚本,您可以使用或
head
属性,具体取决于您的用例,这样您的 HTML 的呈现就不会被阻止。async
defer
而且即使使用
async
ordefer
,也必须始终考虑每个脚本的执行顺序。