如何隱藏asp.net中儀表板頁面加載中母版頁中的div？

Question

我有一個母版頁，其中我有一個div喜歡

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="NGO_MS.SiteMaster" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head id="Head1" runat="server">
    <title></title>
    <script type="text/javascript" 
   src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
   <div class="container">
      <div>
        <div class="navbar navbar-default" role="navigation">
        <div class="navbar-collapse collapse " id="menu">
          <ul class="nav navbar-nav navbar-right alert-success">
            <li class="active"><a href="Default.aspx">Home</a></li>
          </ul>
        </div>
      </div>
      </div>
      <asp:ContentPlaceHolder ID="MainContent" runat="server"/> 
    </div>
    <div class="container" style="background-color: white">
         <div>
        <div style="float: left; color: green"> 
        </div>
        <div style="float: right; color: green">
        </div>
     </div> 
    </div>
</body>
</html>

在dashboard.aspx中我想隱藏div與主菜單中存在的id菜單..這樣的事情..

        <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="dashboard.aspx.cs" MasterPageFile="~/Site.master" Inherits="NGO_MS.dashboard" %>
<%@ Register TagPrefix="UC_LeftMenu" TagName="LeftMenu" Src="UserControls/UC_LeftMenu.ascx" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
   <script type="text/javascript">
       $(document).ready(function () {
           $('#menu').hide();
       });
</script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<form runat="server" ID="Form1">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
       <div class="col-md-10">
           <UC_LeftMenu:LeftMenu ID="LeftMenu" runat="server" />
            <div class="col-md-9">
               <%--dashboard content will go here --%>
            </div>
        </div>
    </ContentTemplate>
</asp:UpdatePanel>
</form>   
</asp:Content>

我怎么能解決這個問題呢？ 謝謝:)我在儀表板中使用更新面板，但此更新面板不包含帶有id菜單的div。 我怎么解決這個問題。

Answer 1

如果要調用pageLoad，則需要ScriptManager 。

<asp:ScriptManager runat="server" ID="ScriptManager1" />
<script type="text/javascript" 
    src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
    function pageLoad() {
        $('#menu').hide();
    }
</script>

由於您使用的是jQuery，因此可以使用以下命令 -

<script type="text/javascript" 
   src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script type="text/javascript">
    $(function() {
        $('#menu').hide();
    });
</script>

使用服務器端代碼的另一種方法

您可以將菜單創建為服務器控件 ，並從儀表板代碼隱藏中訪問它。

的Site.Master

<div class="container">
    <div>
        <div class="navbar navbar-default" role="navigation">
            <asp:Panel runat="server" ID="MenuPanel" 
                CssClass="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right alert-success">
                    <li class="active"><a href="Default.aspx">Home</a></li>
                </ul>
            </asp:Panel>
        </div>
    </div>
    <asp:ContentPlaceHolder ID="MainContent" runat="server" />
</div>

Site.Master.cs

public partial class Site : System.Web.UI.MasterPage
{
    public bool MenuPanelVisible
    {
        set { MenuPanel.Visible = value; }
    }
}

dashboard.aspx.cs

public partial class dashboard : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        var master = Master as Site;
        if (master != null)
        {
            master.MenuPanelVisible = false;
        }
    }
}

Answer 2

檢查你的HTML。 如果我沒有弄錯，則不會生成HTML 1：1的ID。

目前您的JS也不會被執行...另一方面，您也可以定義服務器端代碼：

<script language="C#" runat="server" type="text/c#">
     public void Page_Load(object sender, EventArgs e){
         //hide the menu here
     }
</script>

或者你甚至可以做以下事情：

<div id="menu" onload="this.visibility=hidden;"></div>

Answer 3

您需要將pageLoad功能放在jQuery文檔就緒處理程序中，以便在DOM加載后執行。

它應該看起來像這樣：

<script type="text/javascript">
    $(document).ready(function() {
        $('#menu').hide();
    });
</script>

如何隱藏asp.net中儀表板頁面加載中母版頁中的div？

問題描述

3 個解決方案

解決方案1
2 2014-01-09 20:34:04

使用服務器端代碼的另一種方法

的Site.Master

Site.Master.cs

dashboard.aspx.cs

解決方案2
0 2014-01-09 20:32:51

解決方案3
0 2014-01-09 20:33:13

如何隱藏asp.net中儀表板頁面加載中母版頁中的div？

問題描述

3 個解決方案

解決方案1 2 2014-01-09 20:34:04

使用服務器端代碼的另一種方法

的Site.Master

Site.Master.cs

dashboard.aspx.cs

解決方案2 0 2014-01-09 20:32:51

解決方案3 0 2014-01-09 20:33:13

解決方案1
2 2014-01-09 20:34:04

解決方案2
0 2014-01-09 20:32:51

解決方案3
0 2014-01-09 20:33:13