正确引用JQuery

Referencing JQuery correctly

本文关键字：JQuery 引用      更新时间：2024-04-30

我第一次尝试使用Jquery，但遇到了一个问题。我使用的是VS2013、asp.net和VB.

我的头标签如下。

<head runat="server">
    <title></title>
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
    <meta http-equiv="X-UA-Compatible" content="IE=EDGE" /> 
    <script src="Bin/jquery-1.10.2.js" type="text/javascript"></script>
    <script>
        $(document).ready(function ()  {
            $('#LowerText').hide();
            $('#UpperText').hide();
            $('#AssetStatusChoice').change(function () {
                if($('#AssetStatusChoice').val("Fully Available"))
                {
                    $('#CommentsText').hide();
                }
                if ($('#AssetStatusChoice').val("Restricted"))
                {
                    $('#UpperLimit').show();
                    $('#LowerLimit').show();
                }
                if ($('#AssetStatusChoice').val("Unavailable"))
                {
                    $('#Commentstext').show();
                }
            });
        });

    </script>
</head>

当我调试页面时，我会得到以下错误。

0x800a1391-JavaScript运行时错误："$"是未定义的

从谷歌上搜索的错误来看，我没有正确引用js文件。有人能帮忙吗？

添加<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script>并删除<script src="Bin/jquery-1.10.2.js" type="text/javascript"></script> <script>只需使用主机Jquery，而不是将其添加到源代码中。阅读更多：

您应该使用托管jQuery 的3个原因

IIS不提供/bin目录中的内容。将其移动到另一个目录，如/scripts或/js或/scripts/lib，诸如此类。bin目录不适合放置脚本文件。

这里有很多选项。您可以通过在标题中添加以下内容来使用Google CDN：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

或者，看起来你正在使用.NET，你可以这样做：

<script type="text/javascript" src="<%=ResolveClientUrl("~/Bin/jquery-1.10.2.js") %>"></script>

第二个选项为您提供了额外的优势，即在母版页中使用时，可以在任何文件系统级别的任何内容页中使用，并且它仍然可以正确解析。

正如Stefan所说，我建议您将jQuery文件从bin目录中移出。

将jQuery文件复制到其他文件夹中，如Scripts或js，并在解决方案资源管理器中检查以查看所有文件。找到刚复制的jQuery文件，将其包含在项目中，然后将其拖到要放置的页面上。将创建正确的脚本标记。

相关文章：