Twitter Bootstrap（3.0.0）Dropdown＆PrototypeJS

我有一個應用程序，我正在慢慢地轉換到jQuery &也要使用Bootstrap。Twitter Bootstrap（3.0.0）Dropdown＆PrototypeJS

但是，當使用引導程序3時，單擊下拉菜單後，菜單將正確顯示。但是，在點擊菜單或「關閉」菜單後。按鈕/鏈接完全消失，直到頁面刷新才重新出現。

與此相同：https://github.com/twbs/bootstrap/issues/8379

上面的鏈接說要聯繫谷歌組，但我還沒有看到該組中關於這個事情的請求。

任何幫助將不勝感激！

感謝， -David

因此，使用@ GeekNum88的指導下，如果你註釋掉這些行

，下拉的作品，不知道它的總體影響尚未：

function clearMenus() { 
    $(backdrop).remove() 
    $(toggle).each(function (e) { 
    var $parent = getParent($(this)) 
    if (!$parent.hasClass('open')) return 
//  $parent.trigger(e = $.Event('hide.bs.dropdown')) 
//  if (e.isDefaultPrevented()) return 
    $parent.removeClass('open').trigger('hidden.bs.dropdown') 
    }) 
}

來源

2013-08-22 dcmoody

出於好奇。你有沒有嘗試過使用老版本的bootstrap？ http://getbootstrap.com/2.3.2/ ..如果是這樣，你還會得到相同的結果嗎？ –

這是我的一個類似的問題的答案http://stackoverflow.com/questions/15087129/popover-hides-parent-element-if-used-with-prototype-js/15095654#15095654 –

嘗試使用此bootstrap友好prototype.js，因爲它解決了我的問題的一個類似的問題： http://stackoverflow.com/questions/19139063/twitter-bootstrap-3-dropdown-menu-disappears-when-used-with-prototype-js – MWD

實現一個自舉下降下拉菜單是一項非常簡單的任務。請參閱引導文檔中的example，並按照下列步驟操作：

1.包含標籤只是標題標籤下邊的頭之間的下列庫

確保jQuery庫得到在Boostrap JS庫之前加載。

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

2. 體之間標籤粘貼下面的HTML

<div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </div>

工作實例：

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Bootstrap Dropdown</title> <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> </head> <body> <div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </div> </body> </html>

爲了證明它是工作，看the fiddle。

來源

2014-03-07 09:41:13 Eugene

你甚至讀過*這個問題嗎？ – dashard

Twitter Bootstrap（3.0.0）Dropdown＆PrototypeJS

回答

相關問題