如何在不影响母版页的情况下只将样式表添加到子页？
如何在不影响母版页的情况下只将样式表添加到子页？
提问于 2016-09-26 09:14:34
我试图向项目中的子页面添加一些特殊功能，而不将其应用于母版页。因此，我向它添加了一个样式表，现在它给了我几个警告，如下所示。
警告1错误更新JScript IntelliSense: System\JS\materialize.js:预期标识符、字符串或数字@ 1774:16 System\agencyAdmin.aspx 1 1上诉 警告2验证(XHTML1.0过渡)：元素'link‘不能嵌套在元素'td’中。System\agencyAdmin.aspx 8 6呼吁 警告4验证(XHTML1.0过渡)：属性‘数据-可折叠’不是元素'ul‘的有效属性。System\agencyAdmin.aspx 14 33竞争上诉
另外，当我执行程序和加载相关的页面时，浏览器会说是一个错误，因为“已经停止工作”。
然后显示以下错误。
JavaScript运行时错误：“$”未定义
我已经尝试在这个网站和其他一些在互联网上找到答案。但对我不起作用。
以下是母版页标题部分中的代码
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="CDDS_Master.master.cs" Inherits="ccs.CDDS_Master" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<!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">
<asp:ContentPlaceHolder id="head" runat="server">
<title></title>
</asp:ContentPlaceHolder>
<asp:ContentPlaceHolder ID="agency" runat="server">
</asp:ContentPlaceHolder>
<style type="text/css">
.style1
{
height: 75;
width: 1024px;
border-collapse: collapse;
}
.styPageData
{
height:625px;
width:934px;
vertical-align:top;
}
.style4
{
height: 113px;
width: 100%;
}
.style5
{
width: 925px;
height: 103px;
}
.style7
{
width: 653px;
height: 78px;
}
.style8
{
height: 78px;
width: 245px;
}
.style9
{
width: 183px;
}
.styTreeWith
{
width: 200px;
}
.reportView
{
overflow:scroll;
}
</style>
<link href="CSS/StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
下面是子页面中的代码
<%@ Page Title="" Language="C#" MasterPageFile="~/ccs.Master" AutoEventWireup="true"
CodeBehind="agencyAdmin.aspx.cs" Inherits="ccs.agencyAdmin" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="agency" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<link href="CSS/materialize.css" rel="stylesheet" type="text/css" />
<link href="CSS/materialize.min.css" rel="stylesheet" type="text/css"/>
<script src="JS/materialize.js" type="text/javascript"></script>
<script src="JS/materialize.min.js" type="text/javascript"></script>
<div id="divCol" style="width: 100%; height: auto; float: left">
<ul class="collapsible" data-collapsible="accordion">
<li>
<div class="collapsible-header">
<i class="material-icons">filter_drama</i>First</div>
<div class="collapsible-body">
<p>
Lorem ipsum dolor sit amet.</p>
</div>
</li>
<li>
<div class="collapsible-header">
<i class="material-icons">place</i>Second</div>
<div class="collapsible-body">
<p>
Lorem ipsum dolor sit amet.</p>
</div>
</li>
<li>
<div class="collapsible-header">
<i class="material-icons">whatshot</i>Third</div>
<div class="collapsible-body">
<p>
Lorem ipsum dolor sit amet.</p>
</div>
</li>
</ul>
</div>
</asp:Content>
回答 1
Stack Overflow用户
发布于 2016-09-26 10:10:32
use this code in child class
<%@ Page Title="" Language="C#" MasterPageFile="~/ccs.Master" AutoEventWireup="true"
CodeBehind="agencyAdmin.aspx.cs" Inherits="ccs.agencyAdmin" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<link href="CSS/materialize.css" rel="stylesheet" type="text/css" />
<link href="CSS/materialize.min.css" rel="stylesheet" type="text/css"/>
<script src="JS/materialize.js" type="text/javascript"></script>
<script src="JS/materialize.min.js" type="text/javascript"></script>
<style type="text/css">
.style1
{
height: 75;
width: 1024px;
border-collapse: collapse;
}
.styPageData
{
height:625px;
width:934px;
vertical-align:top;
}
.style4
{
height: 113px;
width: 100%;
}
.style5
{
width: 925px;
height: 103px;
}
.style7
{
width: 653px;
height: 78px;
}
.style8
{
height: 78px;
width: 245px;
}
.style9
{
width: 183px;
}
.styTreeWith
{
width: 200px;
}
.reportView
{
overflow:scroll;
}
</style>
</asp:Content>
<asp:Content ID="agency" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div id="divCol" style="width: 100%; height: auto; float: left">
<ul class="collapsible" data-collapsible="accordion">
<li>
<div class="collapsible-header">
<i class="material-icons">filter_drama</i>First</div>
<div class="collapsible-body">
<p>
Lorem ipsum dolor sit amet.</p>
</div>
</li>
<li>
<div class="collapsible-header">
<i class="material-icons">place</i>Second</div>
<div class="collapsible-body">
<p>
Lorem ipsum dolor sit amet.</p>
</div>
</li>
<li>
<div class="collapsible-header">
<i class="material-icons">whatshot</i>Third</div>
<div class="collapsible-body">
<p>
Lorem ipsum dolor sit amet.</p>
</div>
</li>
</ul>
</div>
</asp:Content>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39698883
复制相关文章
相似问题
腾讯云开发者
