在ASP.Net MVC视图中使用javascript和CSS文件？

Question

我在使jQuery插件在MVC视图中正常工作时遇到了一些麻烦。 这是现在的样子：（我已将所有需要的jQuery include和css文件复制到站点的/ Scripts文件夹中）

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

<script src="/Scripts/jquery-1.3.2.js" type="text/javascript"></script>
<script src="/Scripts/jquery.MetaData.js" type="text/javascript"></script>
<script src="/Scripts/jquery.rating.js" type="text/javascript"></script>
<link href="/Scripts/jquery.rating.css" rel="stylesheet" type="text/css" />

<input name="rating" type="radio" class="star" value="1"/>
<input name="rating" type="radio" class="star" value="2"/>
<input name="rating" type="radio" class="star" value="3"/>
<input name="rating" type="radio" class="star" value="4"/>
<input name="rating" type="radio" class="star" value="5"/>
</asp:Content>

智能感知者争辩说，上面的链接元素不能嵌套在div标签中（什么div？），智能感知者也无法在任何输入标签中找到“ star”类。

当我导航到有问题的页面时，我看不到星星，只有单选按钮列表。 好像jQuery的东西没有运行。

我应该在MVC视图中的哪里放置脚本和链接标签？ 有人可以举一些小样本为例吗？

我正在阅读Wrox的“ Professional ASP.Net MVC”示例，而Ajax章节有一些不足之处，因为代码都是没有完整页面的代码段。 本书的Wrox网站章节代码也包含相同的摘要，每个文本文件一个，并且没有用。

谢谢！

Answer 1

在母版页文件的顶部区域中创建内容占位符。 每当需要在特定视图中插入脚本和样式时，都可以使用此方法，这意味着您不会偏离说明这些文件应放在哪里的准则。

在您的Site.Master文件中：

<head>
<!-- head stuff here -->
<asp:ContentPlaceHolder ID="HeadContent" runat="server" />
</head>

在您的视图aspx文件中：

<asp:Content ContentPlaceHolderID="HeadContent" runat="server">
    <script src="/Scripts/jquery-1.3.2.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.MetaData.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.rating.js" type="text/javascript"></script>
    <link href="/Scripts/jquery.rating.css" rel="stylesheet" type="text/css" />
</asp:ContentPlaceHolder>

<asp:Content ContentPlaceHolderID="MainContent" runat="server">
    <input name="rating" type="radio" class="star" value="1"/>
    <input name="rating" type="radio" class="star" value="2"/>
    <input name="rating" type="radio" class="star" value="3"/>
    <input name="rating" type="radio" class="star" value="4"/>
    <input name="rating" type="radio" class="star" value="5"/>
</asp:Content>

Answer 2

您需要将<link />放在<head>...</head>部分中，脚本标记应该没问题。 您可以将其放在母版页的开头。

Answer 3

使用Helper方法来获取Script和CSS文件的正确位置也是一种有用的练习。

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

Answer 4

请检入提琴手，看看当您调用特定文件时得到的响应类型....如果脚本正确渲染且针对该特定页面...如果否，则发布响应和副本。

当我在MVC中使用js时遇到类似的问题，但我无法加载j查询...因此，我创建了一个帮助程序类，该类为我返回了绝对路径

    public static string ResolveUrl(this HtmlHelper html, string virtualUrl)
    {
        Control con = new Control();
        var RelativeUrl = con.ResolveUrl(virtualUrl);
        if (!virtualUrl.StartsWith("~/"))
            return RelativeUrl;

        virtualUrl = virtualUrl.Remove(0, 2);

        string applicationPath = html.ViewContext.HttpContext.Request.ApplicationPath;
        if (string.IsNullOrEmpty(applicationPath) || !applicationPath.EndsWith("/"))
        {
            applicationPath = applicationPath + "/";
        }

        return applicationPath + virtualUrl;
      }
  }

在我看来，我这样称呼页面...

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

Answer 5

您是否正在使用网站的母版页？ 如果是这样，您可以将所有包含标记放在母版页中，然后使用母版页的所有视图都可以使用它。

在ASP.Net MVC视图中使用javascript和CSS文件？

问题描述

5 个解决方案

解决方案1
2 2009-09-17 07:38:15

解决方案2
1 已采纳 2009-09-17 07:31:54

解决方案3
1 2009-09-17 07:53:15

解决方案4
1 2009-09-17 09:54:18

解决方案5
0 2009-09-17 07:31:11

在ASP.Net MVC视图中使用javascript和CSS文件？

问题描述

5 个解决方案

解决方案1 2 2009-09-17 07:38:15

解决方案2 1 已采纳 2009-09-17 07:31:54

解决方案3 1 2009-09-17 07:53:15

解决方案4 1 2009-09-17 09:54:18

解决方案5 0 2009-09-17 07:31:11

解决方案1
2 2009-09-17 07:38:15

解决方案2
1 已采纳 2009-09-17 07:31:54

解决方案3
1 2009-09-17 07:53:15

解决方案4
1 2009-09-17 09:54:18

解决方案5
0 2009-09-17 07:31:11