Question

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

//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：对象＃没有方法＆＃39;准备好＆＃39;

我是否将脚本放在错误的位置？我使用Joomla作为我的网站btw。

网站：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">

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

3 个答案: