如何在選擇菜單項並打開新網頁時關閉引導程序下拉菜單

我在我的網頁上使用了Twitter Bootstrap導航欄下拉菜單。設計是在選擇（單擊）下拉菜單項目時打開新的網頁。如何在選擇菜單項並打開新網頁時關閉引導程序下拉菜單

我遇到的問題是，當打開一個新的網頁時，下拉菜單不會消失。

如何以編程方式關閉下拉菜單？

，以下是我的網頁設計：

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.dropdown-toggle').dropdown(); 
    $('a.pagelink').click(function(e) { 
    window.open(this.href); 
    return false; 
    }); 
}); 
</script> 

<body> 
    <div class="navbar"> 
     <div class="navbar-inner"> 
      <div class="container"> 
       <ul class="nav"> 
        <li class="dropdown" id="accountmenu"> 
         <a class="dropdown-toggle" data-toggle="dropdown" href="./Bootstrap dropdown with navbar example_files/Bootstrap dropdown with navbar example.htm">Websites<b class="caret"></b></a> 
         <ul class="dropdown-menu"> 
          <li><a class="pagelink" href="http://cnn.com">CNN</a></li> 
          <li class="divider"></li> 
          <li><a class="pagelink" href="http://www.yahoo.com">Yahoo</a></li> 
         </ul> 
        </li> 
       </ul> 
      </div> 
     </div> 
    </div> 
    <div class="container-fluid"> 
    <h1>Dropdown Example</h1> 
    </div> 
</body>

來源

2014-02-07 w2know

爲什麼你需要jQuery的這個？ Bootstrap已經具備了所有這些功能。

只需在您的<a>標記中添加target="_blank"即可。點擊這些按鈕後，下拉菜單會自動關閉。

如：

<ul class="dropdown-menu"> 
<li><a class="pagelink" href="http://cnn.com" target="_blank">CNN</a></li> 
<li class="divider"></li> 
<li><a class="pagelink" href="http://www.yahoo.com" target="_blank">Yahoo</a></li> 
</ul>

來源

2014-02-07 13:23:26

感謝。你的方法更容易。我不知道這可以做到這一點！ – w2know

此解決方案不適用於引導程序3請參閱[鏈接]（http://stackoverflow.com/questions/1116120/html-target-blank-for-a-drop-down-list） –

您可以提供建議引導程序3對應的如果有？ – w2know

如何在選擇菜單項並打開新網頁時關閉引導程序下拉菜單

回答

相關問題