单击引导程序下拉菜单时关闭
单击引导程序下拉菜单时关闭
提问于 2012-06-02 23:59:54
我将一个表单放在一个bootstrap下拉菜单中，但是当我单击该表单中的任何一个字段时，该下拉菜单就消失了。我有这段代码，但是我不知道把它放在哪里来防止dropdown消失。
$(function test() {
// Setup drop down menu
$('.dropdown-toggle').dropdown();
// Fix input element click problem
$('.dropdown input, .dropdown label').click(function(e) {
e.stopPropagation();
});
});有人能告诉我应该把这个放在哪里吗？我在bootstrap-dropdown中尝试过，在HTML中也尝试过，但仍然不起作用。
回答 7
Stack Overflow用户
回答已采纳
发布于 2016-04-02 23:35:51
简单地使用这个example.This解决方案就可以了。
<script type="text/javascript">
window.addEvent('domready',function() {
Element.prototype.hide = function() {
$(function () {
// replace your tab id with myTab
//<ul id="myTab" class="nav nav-tabs">
$('#myTab li:eq(1) a').tab('show');
});
};
});
</script>希望能有所帮助。谢谢。
Stack Overflow用户
发布于 2015-12-30 04:57:52
如果您只想停止关闭部分下拉菜单，而不是所有下拉菜单，那么只需向您的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(); }
});Stack Overflow用户
发布于 2014-03-18 16:18:24
自从答案被接受以来，已经过去了一段时间，但如果你想让下拉菜单保持打开状态，如果它像是一种对话框，我认为最好的方法是：
$('.dropdown').dropdown().on("hide.bs.dropdown", function(e) {
if ($.contains(dropdown, e.target)) {
e.preventDefault();
//or return false;
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10863821
复制相关文章
相似问题