Javascript 未捕获引用错误：$未在jQuery中定义错误_Javascript_Jquery_Html_File Io

Javascript 未捕获引用错误：$未在jQuery中定义错误

javascript jquery html file-io

Javascript 未捕获引用错误：$未在jQuery中定义错误,javascript,jquery,html,file-io,Javascript,Jquery,Html,File Io,我在jQuery：（文件名是javascript.js…我以前使用过javascript…） …这是HTML格式的： <!DOCTYPE html> <html> <head> <title>Culminating</title> <link href="style.css" rel="stylesheet" type="text/css"> <script type="text/javasc

我在

jQuery

：（文件名是javascript.js…我以前使用过javascript…）

…这是HTML格式的：

<!DOCTYPE html>
<html>
<head>
    <title>Culminating</title>
    <link href="style.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="./javascript.js"></script>
    <script
        src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCJnj2nWoM86eU8Bq2G4lSNz3udIkZT4YY&sensor=false">
    </script>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>


    <script>
        function initialize()
        {
        var mapProp = {
          center:new google.maps.LatLng(50.569283,-84.378433),
          zoom:5,
          mapTypeId:google.maps.MapTypeId.TERRAIN
          };
        var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
        }

        google.maps.event.addDomListener(window, 'load', initialize);
    </script>
</head>

<body>
    <div class="content">
        <div id="googleMap"></div>
        <div id="right_pane_results">hi</div>
        <div id="bottom_pane_options">
            <button id="readFile">Read File</button>
        </div>
    </div>
</body>


达到顶点
函数初始化（）
{
var mapProp={
中心：新google.maps.LatLng（50.569283，-84.378433），
缩放：5，
mapTypeId:google.maps.mapTypeId.TERRAIN
};
var map=new google.maps.map（document.getElementById（“googleMap”），mapProp）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；
你好
读取文件

当我检查控制台时，我得到

uncaughtreferenceerror

，表示第一行没有定义

。我假设它指的是第一行的第一个字符。我从一个网站上得到了这段代码，我是新来的

jQuery

，所以我不确定这里出了什么问题

有什么建议吗？

更改包含脚本的顺序（jQuery优先）：

首先包括jQuery文件：

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
 <script type="text/javascript" src="./javascript.js"></script>
    <script
        src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCJnj2nWoM86eU8Bq2G4lSNz3udIkZT4YY&sensor=false">
    </script>

脚本按照您在HTML中定义的顺序加载

因此，如果您首先加载：

<script type="text/javascript" src="./javascript.js"></script>

如果不先加载jQuery，则未定义

您需要首先加载jQuery以便使用它

出于性能原因，我还建议将脚本放在HTML的底部。

MVC 5 stock安装将javascript引用放在所有页面共享的_Layout.cshtml文件中。因此javascript文件位于所有my$所在的main content and document.ready函数下面

_Layout.cshtml的底部部分：

    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p>
        </footer>
    </div>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)

</body>
</html>


@RenderBody（）

&抄袭@DateTime.Now.Year-我的ASP.NET应用程序
@Scripts.Render（“~/bundles/jquery”）
@Scripts.Render（“~/bundles/bootstrap”）
@RenderSection（“脚本”，必需：false）

我把它们移到了屋顶上 @RenderBody（）一切都很好

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)

    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p>
        </footer>
    </div>

</body>
</html>

@Scripts.Render（“~/bundles/jquery”）
@Scripts.Render（“~/bundles/bootstrap”）
@RenderSection（“脚本”，必需：false）
@RenderBody（）

&抄袭@DateTime.Now.Year-我的ASP.NET应用程序

您应该首先包含jQuery，在结束标记之前，尝试在html内容的末尾添加您自己的代码脚本，以避免出现类似

$未定义的错误。并在top标记中添加其他预定义的Jquery或其他库。您的订单应为-
，并在正文内
按顺序加载和解释…的可能副本。OP的假设似乎是，它们只有在全部加载后才会被解释。谢谢。你的回答解决了这个问题。但是现在我得到一个错误，说我缺少accesscontrolalloworigin
标题。我知道我需要添加允许控制访问源：，但我不确定放在哪里。
    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p>
        </footer>
    </div>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)

</body>
</html>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)

    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p>
        </footer>
    </div>

</body>
</html>