I have a question with Twitter Bootstrap, I'm using the Dropdown plugin and I'm trying to create a tag selector, I created an example in this link:

/

I've tried this:

event.stopPropagation;
return false;

Does anyone have a better solution that does not close the dropdown when selecting a tag?

Note: Click on "New Tag".

Thanks!

I have a question with Twitter Bootstrap, I'm using the Dropdown plugin and I'm trying to create a tag selector, I created an example in this link:

http://jsfiddle/gatnc/

I've tried this:

event.stopPropagation;
return false;

Does anyone have a better solution that does not close the dropdown when selecting a tag?

Note: Click on "New Tag".

Thanks!

• javascript
• jquery
• drop-down-menu
• twitter-bootstrap
• stoppropagation

Share Improve this question Follow edited Apr 3, 2012 at 22:56 Andres I Perez 75.4k2121 gold badges159159 silver badges139139 bronze badges asked Apr 3, 2012 at 21:52 Caio TarifaCaio Tarifa 6,0431212 gold badges4949 silver badges7575 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

This works:

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

Updated jsFiddle

The problem with "live" it's bound to the document. This means the close event won't get intercepted by stopPropagation. If you're using jQuery 1.7.1, you can swap out "live" for "on", like so:

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

That'll bind the event to the element, and then things like stopPropagation will work.