使用母版页的 ASP.net MVC 应用程序中的 jQuery

我试图让简单的 jQuery 在我的内容页面上执行，但没有成功，下面是我想要做的：

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">

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

       $(document).ready(function() {
           alert("hi");
       });   
   </script>

</asp:Content>

我还尝试过让以下内容发挥作用：

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">

   <script src="../../Scripts/jquery-1.2.6.js" type="text/javascript"></script>
   <script type="text/javascript">
       function onload()
       {
          $("#myDiv").css("border", "1px solid green");
       }
   </script>

   <div id="myDive">
      Hello
   </div>

</asp:Content>

可能是找不到JQuery文件，请尝试以下脚本参考：

<script src="<%= Url.Content ("~/Scripts/jquery-1.2.6.js") %>" type="text/javascript"></script>

无论应用程序是在根目录还是子目录中运行，Url.Content 都会构建正确的路径。

另外，如果您已经安装了 JS intellisense 的修补程序，除了上述之外，您还可以使用它：

<% if (false) { %>
    <!-- Don't wrap this is a Url.Content call, it's like this so we get intellisense! -->
    <script src="../../Scripts/jquery-1.2.6-vsdoc.js" type="text/javascript"></script>
<% } %>

Edit:

自从 RC 1 Refresh 发布以来，存在一个关于在标题中放置带有代码块的元素的已知错误，Philip Haacked 有一个很好的解决方案article http://haacked.com/archive/2009/01/27/controls-collection-cannot-be-modified-issue-with-asp.net-mvc-rc1.aspx关于解决它...

Edit 2:

显然自从 RC 2 发布以来这个问题已经被修复了......

• 如果将 runat="server" 属性添加到作为 head 元素的直接子元素的代码块中，则不会导致异常。

Edit 3:

前面提到的热修复仅适用于VS2008并且可用here http://code.msdn.microsoft.com/KB958502/Release/ProjectReleases.aspx?ReleaseId=1736- 查看 VS Web 开发团队的博客文章here http://blogs.msdn.com/webdevtools/archive/2008/02/08/jscript-intellisense-working-with-jquery.aspx了解详情。 VS2010已经内置了。