twitter bootstrap输入点击下拉菜单外;隐藏菜单

时间:2013-06-03 16:42:51

标签: twitter-bootstrap

我有一个下拉菜单中包含的表单,单击“高级”选项时会显示该表单,但是当我单击下拉菜单中未包含的搜索输入时;下拉菜单关闭。 单击或聚焦搜索输入框时,我需要菜单保持可见。 有人能指出我正确的方向吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

您必须使用stopPropagation事件才能避免关闭下拉菜单。

$(function () {
  $('.dropdown-menu').find('input[type="text"]').click(function (e) {
     e.stopPropagation();
     });
});

这是一个bootply示例。 http://bootply.com/63262

注意在提出问题之前,请确保您稍微研究一下,并且请提供您使用过的相关代码。