带有标签选择器的 Twitter Bootstrap 下拉菜单答案

【问题标题】：Twitter Bootstrap Dropdown with Tags Selector带有标签选择器的 Twitter Bootstrap 下拉菜单
【发布时间】：2012-04-17 14:53:09
【问题描述】：

我对 Twitter Bootstrap 有疑问，我正在使用 Dropdown 插件，我正在尝试创建标签选择器，我在此链接中创建了一个示例：

我试过了：

event.stopPropagation;
return false;

有没有人有更好的解决方案，在选择标签时不关闭下拉菜单？

注意：点击“新标签”。

谢谢！

【问题讨论】：

【解决方案1】：

这行得通：

$('.dropdown-menu').on('click', 'li', function(event){...});

【讨论】：

【解决方案2】：

“实时”问题与文档绑定。这意味着关闭事件不会被 stopPropagation 拦截。如果您使用的是 jQuery 1.7.1，则可以将“live”替换为“on”，如下所示：

$('.dropdown-menu li').on('click', function(event) {

这会将事件绑定到元素，然后像 stopPropagation 这样的东西就会起作用。

【讨论】：

我认为 Mike 的意思是，对于 live()，事件绑定到 document，所以 event.stopPropagation() 不会被解雇，直到为时已晚。
@AlienWebguy 很好，请在我窃取您的更正时投赞成票
@MikeRobinson，谢谢！但是当我点击“新标签”然后点击添加的标签时不起作用，下拉菜单消失了。 jsfiddle.net/gatnc/2