javascript - ASP.NET MVC 中的 CSS 和 JavaScript 2 页

标签 javascript css asp.net-mvc-2 master-pages

我有一个包含两个内容部分的母版页(省略了一些部分):

<head runat="server">
    <link href="/Content/Site.css" rel="stylesheet" type="text/css" />
    <asp:ContentPlaceHolder runat="server" ID="HeadContent" />
</head>

<body>
    <div id="content">
        <div id="main">
            <asp:ContentPlaceHolder ID="MainContent" runat="server" />
        </div>
    </div>
</body>

在我引用此母版页的一个 .aspx 页面中,我提供了如下内容(省略了一些部分):

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

    <% using (Html.BeginForm("Create", "Document", FormMethod.Post))
       { %>

       <p>
           <%: Html.LabelFor(m => m.Title) %>
           <%: Html.TextBoxFor(m => m.Title) %>
           <%: Html.ValidationMessageFor(m => m.Title) %>
       </p>

       <p>
            <input type="submit" class="t-button t-state-default" value="Create" />
       </p>

    <% } %>


</asp:Content>

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

然而,由上面的 LabelFor block 创建的标签没有设置样式。在我的 CSS 文件中,我有一个全局设置字体的规则,但这不适用 - 字体是默认的。

我是否需要将所有 CSS 和 Javascript 重新包含在 .aspx 页面的“Content2”部分中?将它们包含在 Site.Master 中一次还不够吗?

最佳答案

您只需在母版页中包含 CSS 和 JavaScript 引用。来自母版页和内容页的标记被合并并作为单个 HTML 文档发送。

您的 CSS 可能与您的标记不匹配,因此样式未正确应用。您可以将 CSS 添加到您的问题中以获得更多帮助,或者使用 Firebug 检查源代码和样式。

关于javascript - ASP.NET MVC 中的 CSS 和 JavaScript 2 页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4030000/

相关文章:

javascript - 使用 jQuery 修改 html 属性会产生意外结果

javascript - 在 JavaScript 中反转链表的策略

javascript - 现代 JavaScript 中的条件连接

html - 移动 CSS 导航点击事件

asp.net-mvc - ASP.NET MVC2 - 是否可以从局部 View 访问父 View 的模型数据?

jquery - mvc中jquery无法获取json数据

javascript - 为什么我的 reducer 在 react/redux 中返回一个空数组?

html - div 内联 block 元素在插入另一个元素时中断

asp.net-mvc-2 - 如何在 Asp.net MVC 2 中使用基本 ViewModel

css - 自动 <pre> 向左填充