0

我正在使用具有如下结构的下拉菜单,结合 CSS 和 jQuery 来隐藏/显示子项。

<li class="dropdown"><a href="#"><span>Folder 0</span></a>
                            <ul>
                                <li><a href="#">Sub Item 1.1</a></li>
                                <li><a href="#">Sub Item 1.2</a></li>
                                <li><a href="#">Sub Item 1.3</a></li>
                                <li><a href="#">Sub Item 1.4</a></li>
                                <li><a href="#">Sub Item 1.2</a></li>
                                <li><a href="#">Sub Item 1.3</a></li>
                                <li><a href="#">Sub Item 1.4</a></li>
                            </ul>
                        </li>

我的 div 像表格一样放置,这样:
MX
MX
MX
所以,想象有两列和三行.. 每个部分都是 div 元素,
M-> 是我放置下拉菜单的 div,
X- >其他 div

我现在遇到的问题是,当单击菜单并显示子菜单时,我无法选择与底部的 div 重叠的子菜单,看起来它在 div 的下方,我无法选择它, '鼠标悬停' 它等等

有人可以帮我解决这个问题吗?这样我就可以让我的所有菜单都能完美运行

4

1 回答 1

0

如果你真的在你的 div 后面插入你的菜单,则为你的菜单分配更大的 z-index,如果没有,如果你在你的 LI 的 css 中使用“display:--> none or hidden”,你可以使用 live 来找到你的鼠标悬停你的菜单。

http://api.jquery.com/live/

玩得开心!

于 2012-01-13T10:53:15.220 回答