仅在某些 aspx 页面上动态加载 jquery 库答案

【问题标题】：loading jquery libraries dynamically only on certain aspx pages仅在某些 aspx 页面上动态加载 jquery 库
【发布时间】：2013-09-30 19:40:30
【问题描述】：

由于特定原因。我在表单标签中有我的 jquery 引用，它在 body html 标签而不是 head html 标签内。

到目前为止一切正常，但是由于我使用代码的方式，jquery 库被加载到每个页面（aspx 页面）。

我想只在需要它们的页面上加载 jquery 引用。有什么办法可以吗？

这是我目前的母版页代码：

<body>
    <form id="form2" runat="server">
    <asp:ScriptManager ID="ScriptManagerService" runat="server">
        <Scripts>
            <asp:ScriptReference Path="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ScriptMode="Auto" />
            <asp:ScriptReference Path="http://code.jquery.com/jquery-migrate-1.2.1.js" ScriptMode="Auto" />
            <asp:ScriptReference Path="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" ScriptMode="Auto" />
        </Scripts>
    </asp:ScriptManager>
   </form>
</body>

【问题讨论】：

如果只有特定页面需要 jQuery，这意味着您正在这些页面上添加自定义客户端代码。在这种情况下，只需在您的自定义代码中加载 jQuery 引用，例如使用脚本标签。

标签： javascript jquery html asp.net jquery-ui

【解决方案1】：

在母版页中删除对 jQuery 的脚本引用，并将带有对 jQuery 的引用的 ScriptManagerProxy 添加到需要它们的页面：

<body>
    <form id="form2" runat="server">
        <asp:ScriptManagerProxy ID="ScriptManagerService" runat="server">
            <Scripts>
                <asp:ScriptReference Path="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ScriptMode="Auto" />
                <asp:ScriptReference Path="http://code.jquery.com/jquery-migrate-1.2.1.js" ScriptMode="Auto" />
                <asp:ScriptReference Path="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" ScriptMode="Auto" />
            </Scripts>
        </asp:ScriptManagerProxy>
    </form>
</body>

【讨论】：