Question

我第一次尝试使用Jquery而且我遇到了问题。我正在使用VS 2013，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文件。有人可以帮忙吗？

Answer 1

添加<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，而不是将其添加到源代码中。阅读更多：

3 reasons why you should use hosted jQuery

Answer 2

IIS不提供/ bin目录中的内容。将它移动到另一个目录，如/ scripts或/ js或/ scripts / lib，类似的东西。 bin目录是放置脚本文件的不好的地方。

Answer 3

这里有很多选择。您可以通过在标题中添加以下内容来使用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所说，我建议你从bin目录移动你的jQuery文件。

Answer 4

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

正确引用JQuery

4 个答案: