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

回答

相关问题