为什么会出现这个JQuery错误? Animate不是一个function
我正在学习jQuery并试图绕着滚动效果工作。 无论如何,我试图使这个代码工作,但这样做有困难。 它在运行animate函数时中断:
我真的很感谢你对这个的帮助。 谢谢。
未捕获的TypeError:$(…)。animate不是一个函数
在HTMLAnchorElement。 (的script.js:58)
在HTMLDocument.dispatch(jquery-3.1.1.slim.min.js:3)
在HTMLDocument.q.handle(jquery-3.1.1.slim.min.js:3)
// Select anchor tags to click on $(document).on("click", "a", function(event) { console.log("item clicked"); // Clear out the default action event.preventDefault(); console.log("working until now"); // Animate to selected selected target $("html,body").animate({ scroll: $($(this).attr('href')).offset().top }, 900); console.log("no errors for now"); });
这是因为您使用的jQuery版本。 https://code.jquery.com/jquery-3.1.1.slim.min.js
slim
版的jQuery不包含所有原始的jQuery函数。
你应该使用full
版。 你可以从这里下载。
这将有助于更好地理解你是否从这里阅读这篇文章,在某些时候你会发现这个陈述,我引用:
纤细的构造
最后,我们在此版本中添加了一些新内容。 有时您不需要ajax,或者您更喜欢使用专注于ajax请求的众多独立库中的一个。 通常,对所有Web动画使用CSS和类操作的组合更为简单。 除了包含ajax和效果模块的常规jQuery版本之外,我们还发布了一个排除这些模块的“瘦身”版本。 总而言之,它排除了ajax,效果和当前已弃用的代码。
slim版本不支持某些方法因此包含此CDN
在您的项目中然后运行您的代码它将工作。