gpt4 book ai didi

javascript - 哪个 html 容器允许当您隐藏垂直元素时后续元素上升?

转载 作者:行者123 更新时间:2023-11-28 13:27:28 24 4
gpt4 key购买 nike

我的应用程序有一个垂直 菜单。每个菜单都是一个链接按钮。这些链接按钮放置在 html 表格单元格 <td> 中然后我创建并将它们放置在后面的 ASP.NET 代码中。

为了创建菜单,我做了 menuCell.Controls.Add(newMenu);当我点击一个有 sumenus 的链接时,它会显示在主链接按钮下方:

enter image description here

当我再次点击它时,子菜单必须隐藏,但它们所占据的位置仍然存在。我用 jquery 来做:

function toggleSubMenu(smenu) {
$('.'+smenu').toggle();
}

看看菜单 2 和菜单 3 之间的空白区域。

enter image description here

所以主要目的是去掉这个空格。是否有任何自动生成它的 Asp.NET 占位符或容器?或者我是否必须使用 jQuery 手动上移 Menu3 及其下方的所有内容?

完整的html代码:MenuCell保留菜单。同样,每个菜单都是在 ASP.NET 代码后面创建和放置的。

<body MS_POSITIONING="Gridlayout">
<!-- Logo -->
<form id="Menu" method="post" runat="server">
<table id="mainTable" style="Z-INDEX: 101; LEFT: 0px; POSITION: absolute; TOP: 0px" tabIndex="-1" height="800" cellSpacing="0" cellPadding="0" border="0" runat="server" width="125px">
<tr align="left">
<td style="WIDTH: 125px" tabIndex="-1" vAlign="bottom" align="middle" colSpan="2" height="55"><IMG id="imgLogo" tabIndex="-1" height="50" width="50" align="middle" border="0" runat="server">&nbsp;
</td>
</tr>
<TR>
<TD style="WIDTH: 125px" vAlign="top" align="middle"></TD>
<TD vAlign="top" align="left" colSpan="1" rowSpan="2"><IMG id="imgLine" style="WIDTH: 1px" height="720" hspace="0" width="1" vspace="0" border="0" runat="server"></TD>
</TR>
<tr align="left">
<td id="menuCell" style="WIDTH: 125px" tabIndex="-1" vAlign="top" align="left" height="740" runat="server"></td>
</tr>
</table>
</form>
</body>

由于隐私政策,我无法放置整个呈现的代码,但每个菜单和子菜单链接都呈现为 <a><td> 内名为 menuCell :

呈现的代码是:

  <td id="menuCell" style="WIDTH: 125px" tabIndex="-1" valign="top" align="left" height="740">
<a id="Menu1" style="width:124px;LEFT:1px;TOP:8px;POSITION:relative;">Menu1</a>
<br />
<a id="Menu6" style="width:124px;LEFT:1px;TOP:11px;POSITION:relative;">Menu6</a>
<br />

最佳答案

ASP.NET 将在服务器端处理代码。页面加载后,DOM 只能使用 Javascript 或 Javascript 库(如 jQuery)进行操作。

关于javascript - 哪个 html 容器允许当您隐藏垂直元素时后续元素上升?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13991088/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com