Question

我知道有一些帖子要求这个错误。我已经读过这个错误，我无法解决。

我认为我在加载JavaScript之前加载了JQuery库。这是我的头脑：

<head>
    <meta charset="UTF-8">
    <title>Admin - MyMovie</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
     <link rel="stylesheet" href="css/styles.css">
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"> 

    </script>
</head>

在关闭身体之前我的脚本已经加载了：

 </div>
    <scrip src="https://code.jquery.com/jquery-2.1.4.min.js"></scrip>
    <script src="js/scripts.js" ></script>
</body>

当浏览器解析第18行中的script.js时，我收到错误：

未定义参考错误$。

18行是这样的：

$(document).ready(function() {
    console.log("hola"); 
    $('#main-div').load('prueba.html');    
});

我不明白这个错误，因为首先我加载了CDN，之后加载了我的Javascript代码。

有人可以帮帮我吗？

Answer 1

我不认为错误来自script.js，它应该来自bootstrap.js文件，因为bootstrap js文件依赖于jQuery。因此，在jQuery

之后将引导脚本移动到页面底部

jQuery的脚本标记也有拼写错误

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"> </script>
<script src="js/scripts.js" ></script>

Answer 2

你应该移动它：

<scrip src="https://code.jquery.com/jquery-2.1.4.min.js"></scrip>

到你的头部，在靴子js之前。请注意您在此标记中有拼写错误：scrip而不是script。所以这应该成为：

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>

Answer 3

Try Follwing CDN
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
</script>
    </head>

or

    <head>
      <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.3.min.js"></script>
    </head>

并更正您的<script>代码错误

Answer 4

尝试下面的代码

jQuery(document).ready(function(){
  alert('hello'); /* `enter code here` */
})(jQuery);

由于

在我的网页

4 个答案: