Bootstrap子菜单悬停问题

我目前在twitter引导中使用子菜单实现。是的代码行如下 -Bootstrap子菜单悬停问题

<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); 
     });

但是，当我试图悬停在子菜单部分，我可以找到主要的下拉元件正处于徘徊并因此它会产生闪烁的效果。我无法点击子菜单。

请帮助解决我在哪里出错的问题？

来源

2014-01-06 user3115056

我发现它是由于$（'。sublist-remove'）。remove（）; 虽然这个陈述是必要的，但不知道如何以不同的方式处理它。一些答案请... – user3115056

试图重现你的问题在[这个小提琴]（http://jsfiddle.net/MuQdf/2/）。也许错过了一些CSS？ – ringstaff

你错过了引导CSS。这就是你没有得到子菜单的原因。 – user3115056

我猜你正在使用Bootstrap 2？在Bootstrap 3中删除子菜单。在Bootstrap 3中可以找到工作子菜单的一个示例，可以在http://www.bootply.com/86684

来源

2014-05-18 18:41:53

Bootstrap子菜单悬停问题

回答

相关问题