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

Question

我正在尝试让简单的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>

Answer 1

可能是找不到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>
<% } %>

编辑：

自RC 1 Refresh发布以来，存在一个关于在标头中放置带有代码块的元素的已知错误，Philip Haacked撰写了一篇不错的文章来解决它...

编辑2：

显然，自RC 2发布以来，此问题已得到解决。

•如果将headat的直接子代的代码块添加到runat =“ server”属性，则不会导致异常。

编辑3：

较早引用的热修复只适用于VS2008，并可在这里 -检查出由VS网络开发团队的博客文章在这里了解详情。 VS2010内置了它。

Answer 2

必须使用正确的网站发布，但是当您与只知道如何使用photoshop和dreamweaver的设计师一起工作时，这是一个痛苦

Answer 3

尝试将javascript引用放入母版页中。 然后，您不必担心尝试多次加载脚本。