Bootstrap - 未定义 jQuery答案

【问题标题】：Bootstrap - jQuery is not definedBootstrap - 未定义 jQuery
【发布时间】：2016-05-13 04:46:58
【问题描述】：

我已经创建了一个 ASP.NET 应用程序并想用 jQuery 验证表单。

刷新页面时，chrome的控制台显示如下错误：

未捕获的引用错误：$ 未定义

这是我的母版页代码：

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
    <title></title>

    <link href="Styles/bootstrap.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src='<% ResolveUrl ("~/scripts/jquery-1.11.3.js"); %>'></script>
    <script src="Scripts/validations.js" type="text/javascript"></script>
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form runat="server" class="form-inline" role="form">
        <div class="container">
            <div class="jumbotron">    
                <h1>Statement Generator</h1>
                <p>This application is used to generate PDFs</p>
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
        <div class="footer">

        </div>
    </form>
    <script type="text/javascript" src='<% ResolveUrl ("~/scripts/jquery-1.11.3.js"); %>'></script>
    <script type="text/javascript" src='<% ResolveUrl ("~/scripts/bootstrap.min.js"); %>'></script>

</body>
</html>

这是我在 validations.js 中的代码：

$(function () {
    alert();
});

我错过了什么吗？

【问题讨论】：

你包含 jquery 两次...尝试从标题中删除它
但是我不应该在使用之前定义jQuery吗？
你需要从底部移除jquery。
为什么包含 jquery 2 次？如果 $ 可用，请在控制台中检查，可能路径不正确。
Jquery 一定不能在那个页面上加载，你为什么不直接链接到它，ResolveUrl 是怎么回事？

标签： jquery asp.net twitter-bootstrap

【解决方案1】：

您需要删除 jquery 的最后一个声明，您已经在 <head> 标记内声明了它。能不能先把最后一个实例去掉再试试，另外一个可以直接改成：

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

只是看看ResolveUrl() 是否是问题所在。

我认为对于脚本，没有必要使用 ResolveUrl，您应该将 ResolveUrl 用于 UserControls 或图像之类的东西。

这是 msdn：https://msdn.microsoft.com/en-us/library/system.web.ui.control.resolveurl.aspx

【讨论】：

那行得通。但为什么它不适用于ResolveUrl？
@gene - 查看我的编辑，您可以使用 ResolveUrl 但您需要正确的语法，请参阅 Artyom 的另一个答案。但在这种情况下，您的脚本应该很好地放在自己的文件夹中，例如 ~/scripts/... 我的建议是它会导致更多的混乱而不是它的价值。
我想知道~ 不会让浏览器混淆，对吗？浏览器会解析相对网址吗？
@Artyom - 我认为浏览器没有混淆。
@JonH 虽然看起来浏览器会被混淆（另见this）。问题是 Asp.net 在幕后解决它（请参阅this）

【解决方案2】：

替换

<script type="text/javascript" src='<% ResolveUrl ("~/scripts/jquery-1.11.3.js"); %>'></script>

与

<script type="text/javascript" src='<%= ResolveUrl("~/scripts/jquery-1.11.3.js") %>'></script>

它工作的原因<%= %> 使Response.Write 而<% %> 是对ResolveUrl 的调用而不输出它。在https://support.microsoft.com/en-us/kb/976112 上查看更多信息，希望对您有所帮助！

【讨论】：