Jquery 在悬停状态下重新定位元素，最终位于引导井下

我有这个Bootstrap 3导航栏下拉菜单项：

<li class="dropdown">
    <a data-toggle="dropdown"><i class='far fa-calendar-alt fa-fw sidebarIcon'></i>Planning <b class="caret"></b></a>
    <ul class="dropdown-menu level1">
        <li><a href="../gus/indexBacklog.php"><i class='fas fa-history fa-fw sidebarIcon'></i>Backlogs</a></li>
        <li><a href="../gus/"><i class='far fa-clock fa-fw sidebarIcon'></i>Schedules</a></li>
        <li><a href="../tasks/"><i class='far fa-check-square fa-fw sidebarIcon'></i>Tasks</a></li>
    </ul>
</li>

但问题是，它最终会在下一篇专栏文章的引导程序下结束。zIndex设置为1000似乎对它没有任何影响。有没有关于如何把它放在井上的建议

---

尝试添加

！重要信息

到您的z索引

$(this).find('.level1').style('zIndex', 1000, 'important');

---

尝试添加

！重要信息

到您的z索引

$(this).find('.level1').style('zIndex', 1000, 'important');