在非悬停触发的自举导航栏下拉

我在我正在构建的“stumbleupon-esk”网站上使用一个自举（与平面UI）navbar之前iframe。我试图让navbar有一个固定的位置，但是当我这样做时，当我将鼠标悬停在显示下拉列表的位置上时，会触发下拉菜单，但不会覆盖链接/列表项本身。当我徘徊在它下面，不就行了在非悬停触发的自举导航栏下拉

enter image description here

的Report下拉被触发。

这是我的HTML（以HAML）结构：

.navbar.navbar-inverse 
    .navbar-inner 
    .nav-collapse.collapse 
     %ul.nav.pull-left 
     %li.dropdown 
      %a(href="#") 
      %span Report 
      %b.caret 
      %ul 
      %li 
       %a#not-startup(href="#" rel="nofollow") Not Startup 
       %a#broken-page(href="#" rel="nofollow") Broken Page 
       %a#malicious(href="#" rel="nofollow") Malicious 
       %a#inappropriate-content(href="#" rel="nofollow") Inappropriate Content 
       %a#other(href="#" rel="nofollow") Other 
%iframe{:src => ...}

而CSS：

iframe { 
    width: 100%; 
    height: 100%; 
    border: none; 
} 

.navbar { 
    margin-bottom: 0; 
    position: fixed; 
    width: 100%; 
} 
.navbar-inner { 
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
    border-radius: 0px; 
}

我该如何解决这个问题？

编辑：

它工作正常，没有固定的位置。

来源

2013-06-26 Michael Johnston

你可以发布初始化菜单的JavaScript吗？ –

我没写过。该Javascript来自Bootstrap并将其自身应用到我的HTML与一类下拉 –

它会在这里我猜：https://github.com/twitter/bootstrap/blob/master/js/bootstrap-dropdown.js –