在非懸停觸發的自舉導航欄下拉

我在我正在構建的「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 –