JQuery不起作用：未捕获的类型错误

Question

我在我的HTML网站标题中放置了以下JQuery脚本， 以测试它是否有效 ：

//in the header
<script src="modules/mod_djmenu/assets/js/catimage.js" type="text/javascript"></script>

//This is inside the script, it does load according to Chrome Developer Tools
$(document).ready(function(){
  $("#navbar").hide();
});

导航栏无法隐藏，我收到错误（在Chrome开发者工具中）：

未捕获的TypeError：对象＃没有方法'就绪'

我把脚本放在了错误的地方吗？ 我使用Joomla作为我的网站顺便说一句。

网站： europebathroom.com

提前致谢！

Answer 1

在头部包含Jquery库

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
<script src="modules/mod_djmenu/assets/js/catimage.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
 $("#navbar").hide();
});
</script>

Answer 2

好像你没有在你的代码中包含jquery。 包括jquery，可以通过在线引用或将其保存为本地。

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="modules/mod_djmenu/assets/js/catimage.js" type="text/javascript"></script>

//This is inside the script, it does load according to Chrome Developer Tools
$(document).ready(function(){
  $("#navbar").hide();
});

Answer 3

添加以下脚本。 在您的脚本之前，因为您需要在它之前添加jquery脚本。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript">