编辑:由于我没有得到任何回复,我将在这个问题上添加更多细节。
我使用以下提供的下拉菜单:http ://codecanyon.net/item/drop-menu/81289 (付费)。
以下代码是构建菜单的 HTML 和 java 脚本:
<div id="divMenu" style="position: relative">
<ul id="nav-one" class="dropmenu">
<li>
<a id="a1" href="#divManageXXXX">Manage XXXXXYYYYY</a>
<ul>
<li><a id="aManageX" href="#divManageX">Manage X</a></li>
<li><a id="aManageY" href="#divManageY">Manage Y</a></li>
</ul>
</li>
<li>
<a id="aManageZZZZZ" href="#divManageZZZZ">Manage ZZZZZZZZZZZZ</a>
<ul>
<li><a id="aManageZ1" href="#ManageZ1">Manage Z1</a></li>
<li><a id="aManageZ2" href="#ManageZ2">Manage Z2</a></li>
<li><a id="aManageZ3" href="#ManageZ3">Manage Z3</a></li>
<li><a id="aManageZ4" href="#ManageZ4">Manage Z4</a></li>
</ul>
</li>
<li>
<a id="aManageS" href="#">Manage S</a>
<ul>
<li><a id="aManageS1" href="#ManageS1">Manage S1</a></li>
<li><a id="aManageS2" href="#ManageS2">Manage S2</a></li>
<li><a id="aManageS3" href="#Manage S3">Manage S3</a></li>
</ul>
</li>
<li>
<a id="" href="#">Manage B</a>
<ul>
<li><a id="aManageB1" href="#ManageB1">Manage B1</a></li>
</ul>
</li>
</ul>
</div>
初始化它的代码是:
jQuery('#nav-one').dropmenu({ openClick: true });
除此之外,我还定义了 jqGrid 如下:
HTML 代码:
<div id="divMain">
<div id="divManageX">
<table>
<tr></tr>
<tr></tr>
<tr>
<table id="tblManageX"></table>
<div id="divManageY"></div>
</tr>
</table>
</div>
<div id="ManageY">
.....
</div>
</div>
初始化 jqGrid 的代码非常简单,在本网站和其他网站上都有。
问题:点击展开下拉菜单时,如果后台有 jqGrid,则下拉菜单项隐藏在 jqGrid 后面,如下图所示: