Javascript 我得到的是“美元”不是一个函数;控制台日志中的错误消息?
我试图使用jQuery实现平滑滚动效果,但在控制台中,它显示以下错误消息: main.js:253 UncaughtTypeError:$不是函数 在main.js:253 我正在使用的JQuery代码:Javascript 我得到的是“美元”不是一个函数;控制台日志中的错误消息?,javascript,jquery,Javascript,Jquery,我试图使用jQuery实现平滑滚动效果,但在控制台中,它显示以下错误消息: main.js:253 UncaughtTypeError:$不是函数 在main.js:253 我正在使用的JQuery代码: (function($) { $('#what, .down').click(function() { e.preventDefault(); var target= $(this).get(0).id == 'what' ? $('.down') : $('#
(function($) {
$('#what, .down').click(function() {
e.preventDefault();
var target= $(this).get(0).id == 'what' ? $('.down') : $('#what');
$('html, body').stop().animate({
scrollTop: target.offset().top
}, 1000);
});
})(jQuery);
我的代码有什么错误吗 - 确保您已将Javascript库文件包含在头部
- 确保Javascript库文件在加载其他任何JS文件之前加载,在您的例子中是
Main.JS
- jQuery作为第一个文件添加到头文件中,位于任何其他自定义脚本之前
- 错误
$main.js上不是函数
表示jQuery未正确包含在文档中。确保:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
此错误是因为您尚未添加jQuery库文件。 您也可以使用CDN(内容交付网络)调用库文件,也可以在main.js出错之前下载库文件并调用jquery库 $main.js上不是函数 假设您使用开发人员工具中的console/network选项卡检查了jquery库的加载没有问题 解决方案1 可能是因为在加载jquery之前先加载了外部javascript。要解决此问题,请按照此链接了解用法 解决方案2 更新您使用的Jquery版本,可能是您使用的旧版本 解决方案3 在JS文件中这样使用它
jQuery(document).ready(function($){
// jQuery code is in here
});
在这样声明之后,您将能够访问
$
确保您在html文件中包含jquery库您在head标记中包含jquery库了吗?是的,我在html head部分做了。包含jquery
lib属性从函数($)中删除$
)
由于您没有添加jQuery库文件,所以出现此错误
-在发布此(非)答案之前20分钟,您是否阅读了OP的评论是的,我在html标题部分阅读了它