Question

我看到几个类似于我的帖子，但无法找到适合我的问题的解决方案（母版问题:)）。我有一个带侧边菜单的母版页，我用列表创建（ul＆gt; li）。每当我选择一个指向无处的li（＆＃34; ftq＆＃34;例如）时 - 该功能运行良好并根据需要更改css设置。但是，每当我选择一个引用＆＃34;真实＆＃34;页面（＆＃34; updateinspec.aspx＆＃34;例如）并且有一个回发，所有的CSS都消失了。

这里是代码 - 任何帮助都会很棒

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
     <link href="MasterCSS.css" type="text/css" rel="stylesheet" />

    <script type="text/javascript">

        function myFunction(x) {
            x.classList.toggle("change");
        }


        var lst;
        function cngclass(obj) {
            if (lst) lst.className = '';
            obj.className = 'listactive';
            lst = obj;
        }

    </script>

    <asp:ContentPlaceHolder ID="headtitlePH" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
     <div id="topcontent"> 
          <div class="menudiv" onclick="myFunction(this)">
          <div class="bar1"></div>
          <div class="bar2"></div>
          <div class="bar3"></div>

 </div>  
         <div class="divtitle">
         <img src="../images/logo1.png" /> 
                  <asp:Label runat="server" ID="userlbl" style="padding:12%;"></asp:Label>
         </div>    

    </div>
    <div id="subtopdiv">
       <div id="sub_inspec">
            <br />
            <asp:Label ID="stationname" runat="server"  CssClass="subtopdiv"></asp:Label>
            <asp:Label ID="stationcode" runat="server"  Visible="false"  ></asp:Label>
            <asp:Label ID="linecode" runat="server"  Visible="false"></asp:Label>
           <asp:Label ID="typecode" runat="server"  Visible="false"></asp:Label>
           <asp:Label ID="lblinspecnum" runat="server" Visible="false"></asp:Label>
       </div>

    </div>

    <div id="maincontent">
           <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
          <h1></h1>
        <div class="innerdiv" id="divlefttop">
            <asp:ContentPlaceHolder ID="divlefttopPH" runat="server">
             </asp:ContentPlaceHolder>
        </div>
        <div class="innerdivdtop" id="divrighttop" runat="server">
              <asp:ContentPlaceHolder ID="divrighttopPH" runat="server">
             </asp:ContentPlaceHolder>
        </div>
        <div class="innerdivld" id="divleftdown" runat="server">
              <asp:ContentPlaceHolder ID="divleftdownPH" runat="server" >
              </asp:ContentPlaceHolder>
        </div>
        <div class="innerdivd" id="divrightdown">
              <asp:ContentPlaceHolder ID="divrightdownPH" runat="server">
                </asp:ContentPlaceHolder>
        </div>
    </div>
     <div id="leftcontent">

               <div id="menuinsp" runat="server">
                     <ul>
                      <li><a onclick="cngclass(this);" class="active" href="Inspec_Main.aspx">Inspection APP</a></li>
                      <li><a onclick="cngclass(this);" class="nactive" href="#ftqpage">FTQ</a></li>
                      <li><a onclick="cngclass(this);" class="nactive" href="#managepage">MANAGE</a></li>
                      <li><a onclick="cngclass(this);" class="nactive" href="UpdateInspec.aspx">UPDATE</a></li>
                       <li><a onclick="cngclass(this);" class="nactive" href="#about">ABOUT</a></li>
                    </ul>
                   </div>


    </div>
         <div id="footercontent">
            <label>LAHAV IT SYSTEM - DANA B COHEN  - TEL:58840</label> 
    </div>

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

        </asp:ContentPlaceHolder>

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

Answer 1

我认为您的母版页与aspx页面不在同一目录中，并且未使用href下方的正确link：

<link href="MasterCSS.css" type="text/css" rel="stylesheet" />

您需要使用this等服务器端链接。

Answer 2

修改您的Mastercss.css链接，如下所示，如果问题仍然存在，请告诉我们。

<link href="/MasterCSS.css" type="text/css" rel="stylesheet" />

在从主页上删除的回发css设置

2 个答案: