Question

我正在使用下面结构的下拉菜单，结合使用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-＆gt;是我把下拉菜单放入的div，和 X->其他div

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

有人可以帮我解决这个问题吗？这样我就能让所有菜单都能正常运行

Answer 1

如果您确实在div后面插入了菜单，请在菜单中指定较大的z-index，如果没有，如果在css中使用“display： - ＆gt; none或hidden”，则可以使用live for你的鼠标悬停找到你的菜单。

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

祝你玩得愉快！

Jquery下拉菜单：菜单放置低于div（不能'鼠标在顶部'）

1 个答案: