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子菜單懸停問題

回答

相關問題