1

编辑:由于我没有得到任何回复,我将在这个问题上添加更多细节。

我使用以下提供的下拉菜单: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 后面,如下图所示:

下拉菜单隐藏

4

0 回答 0