我将一个表单放在引导程序下拉列表中，但是当我单击表单中的任何字段时，下拉列表消失了。我有这段代码，但我不知道把它放在哪里以防止下拉菜单消失。
$(function test() {
// Setup drop down menu
$('.dropdown-toggle').dropdown();
// Fix input element click problem
$('.dropdown input, .dropdown label').click(function(e) {
e.stopPropagation();
});
});
有人可以告诉我应该把这个放在哪里吗？我在引导下拉菜单中尝试过，在 HTML 中尝试过，但仍然无法正常工作。
你可以一起省略下拉调用，引导下拉没有它就可以工作。确保正确包装脚本，您可以将其包含在页面的标题或正文中，尽管我个人更喜欢将其放置在页面的正文中。
JS
<script type="text/javascript">
$('.dropdown-menu input, .dropdown-menu label').click(function(e) {
e.stopPropagation();
});
</script>
如果您只想停止关闭某些下拉菜单，而不是全部，那么只需向您的 ul 块添加一个额外的类：
<ul class="dropdown-menu keep-open-on-click">
并使用此代码：
$(document).on('click', '.dropdown-menu', function(e) {
if ($(this).hasClass('keep-open-on-click')) { e.stopPropagation(); }
});
自从答案被接受以来已经过去了一段时间，但是如果你想保持下拉菜单打开，如果它像一种对话，我认为最好的方法是：
$('.dropdown').dropdown().on("hide.bs.dropdown", function(e) {
if ($.contains(dropdown, e.target)) {
e.preventDefault();
//or return false;
}
});
您需要阻止事件冒泡 DOM 树：
$('.dropdown-menu').click(function(e) {
e.stopPropagation();
});
event.stopPropagation 阻止事件到达最终由 Bootstrap 隐藏菜单处理的节点。
这适用于我的（侧边栏打开一个带有引导程序切换的简单链接）
$('.dropdown').find("a").not('.dropdown-toggle').on("click",function(e){
e.stopImmediatePropagation();
});