求助：jQuery在ASP.NET内容页无法执行的问题

1. 关于script标签的XHTML验证提示 #

母版页采用的是XHTML 1.0 Transitional文档类型，该规范强制要求<script>标签必须包含type="text/javascript"属性；而你之前的简单Web应用大概率使用HTML5文档类型，HTML5中type属性为可选项，因此VS不会触发提示。直接给script标签添加该属性即可消除下划线提示：

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

2. jQuery无法执行的核心原因及修复 #

（1）脚本加载顺序错误 #

母版页的布局结构可能导致你的自定义脚本在jQuery文件之前执行。比如将jQuery引用放在母版页的<head>中，而自定义脚本放在内容页头部的ContentPlaceHolder里，此时自定义代码运行时jQuery还未加载完成。

• 修复：确保jQuery的引用始终在自定义脚本之前，建议将jQuery引用统一放在母版页的<head>或页面底部（</body>标签前），自定义脚本紧跟其后。

（2）控件ID被母版页重写 #

ASP.NET母版页会自动给内容页的控件ID添加前缀（比如母版页ContentPlaceHolder的ID），如果仍用原控件ID编写jQuery选择器，会找不到目标元素，导致代码看似未执行。

• 修复：
  • 用<%= 控件ID.ClientID %>获取渲染后的真实ID：

    $("#<%= btnSubmit.ClientID %>").click(function(){
        // 你的业务代码
    });
    

  • 或者在控件上设置ClientIDMode="Static"，强制保持原ID：

    <asp:Button ID="btnSubmit" runat="server" ClientIDMode="Static" Text="提交" />
    

（3）jQuery文件路径错误 #

内容页与母版页的相对路径基准不同，直接拖拽生成的相对路径可能在母版页环境下找不到jQuery文件（浏览器控制台会显示404错误）。

• 修复：使用ASP.NET的路径解析方法，确保路径始终正确：

  <script type="text/javascript" src="<%= ResolveUrl("~/Scripts/jquery-3.7.1.js") %>"></script>
  

  （~/代表网站根目录，ResolveUrl会自动转换为当前页面的正确相对路径）

内容的提问来源于stack exchange，提问作者Yuppski