Twitter bootstrap 引导子菜单悬停的问题

我目前正在twitter引导中使用一个子菜单实现。代码行如下：

<ul class="dropdown-menu toggle-drop-down">

 <li style="left: 100px; position: absolute; top: -18px;">
  <img src="@{'/public/images/modal_arrow.png'}">
 </li>

 <li>
  <a href="/editSystemNotification/${notification.id}">Edit</a>
 </li>                                                          

 <li class="dropdown-submenu">
  <a class="sendSettings" href="/editSystemNotification/${notification.id}">Send</a>
 </li>

</ul>

Javascript代码：-

var subList = "<ul class=\"sublist-remove dropdown-menu\"><li><a tabindex='-1' href=\"#\"><i class=\"fa fa-mail-forward\"></i> Send Mail</a></li><li><a href=\"#\"><i class=\"fa fa-hand-o-up\"></i> Notify</a></li></ul>";
    $(".sendSettings").hover(function(e) {
            console.log("hello world");
            $('.sublist-remove').remove();
            e.stopPropagation();
            $(this).parent().append(subList);
        });

var subList=“
”；
$（“.sendSettings”）.hover（函数（e）{
log（“你好世界”）；
$（'.sublist remove'）.remove（）；
e、 停止传播（）；
$（this.parent（）.append（子列表）；
});

但是当我尝试在子菜单部分悬停时，我可以发现主下拉元素正在悬停，因此它会产生闪烁的效果。我无法点击子菜单

---

请帮助解决这个问题，如我哪里出了问题？

我想您正在使用Bootstrap 2？在引导3中删除子菜单。bootstrap3中的一个工作子菜单示例可以在

中找到，我发现它是由于$（'.sublist remove'）.remove（）而发生的；虽然这句话是需要的，但不确定如何以不同的方式处理它。请给出一些答案…试图在中重现您的问题，但未成功。可能缺少一些css？您缺少引导css。这就是您无法获得子菜单的原因。帮助他人，回答您自己的问题，并记录任何相关信息，如您遇到的任何错误以及您为解决问题所做的工作。如果引导css没有链接，那么浏览器的控制台窗口中就会出现错误。