繁体   English   中英

母版页未抓取contentPlaceHolder的样式

[英]Master Page doesn't grab styling for contentPlaceHolder

这是我第一次使用Content。 我创建了一个具有所有样式等的完整aspx页面,它看起来像具有所有样式/引导等的页面:

在此处输入图片说明

我以第一页为参考,将代码与第一页分离,然后将其复制到母版页,并将所有导航栏代码移至Default.aspx页。

当我创建一个内容母版并添加代码时,它将显示如下:

在此处输入图片说明

我不确定为什么不显示样式等。 某些事情必须组织得错吗?

我什至尝试将CS​​S直接添加到Master中,但是CSS仍然无法正常工作。

<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="Site1.master.vb" Inherits="CherylsGroupWeb.Site1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<!-- Latest compiled and minified CSS -->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet nofollow" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
<!-- jQuery library -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
<link href="Index.css" rel="stylesheet" type="text/css" />    
<script type="text/javascript">
    $(document).ready(function () {
        $('#menu-content li').click(function () {
            $('#menu-content .active').removeClass('active'); // remove the class from the currently selected
            $(this).addClass('active'); // add the class to the newly clicked link
        });     
</script>

<style>
   <!-- put all css here to test as well -->
</style>

<asp:ContentPlaceHolder ID="head" runat="server">

</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div>

    <asp:ContentPlaceHolder ID="topContent" runat="server">
           <a href="Default.aspx">Master Pages Tutorials</a>

    </asp:ContentPlaceHolder>

    <asp:ContentPlaceHolder ID="MainContent" runat="server">

    </asp:ContentPlaceHolder>

</div>
</form>
</body>
</html>

我不确定我到底是什么格式错误,但是通过将示例的结构处理到新的Master中并在Default.aspx周围添加内容,它可以显示它。 所以我删除了Default.aspx的<a>

Default.aspx的

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="GroupWeb._Default1" MasterPageFile="~/Site2.Master" %>


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

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="topContent" runat="server">
        <!-- my nav bar code --->
</asp:Content>

<body>
<form id="form1" runat="server">
<div id='mainBody'>
<h1>
    How to use Master Pages in ASP.NET
</h1>
<br />
<b>This is a Master Page Content.</b>
<br />
<br />
<div>

    <asp:ContentPlaceHolder ID="topContent" runat="server">

    </asp:ContentPlaceHolder>
    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
    <!-- ContentPlaceHolder is used to enable the pages which uses this page as master page, to place their contents -->
    </asp:ContentPlaceHolder>
</div>
</div>
</form>
</body>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM