4

ich eine Frage mit Twitter Bootstrap haben, ich bin das Dropdown-Plugin und ich versuche, einen Tag-Selektor zu erstellen, habe ich ein Beispiel in diesem Link:Twitter Bootstrap Dropdown mit Tags Selector

http://jsfiddle.net/gatnc/

ich habe dies versucht:

event.stopPropagation; 
return false; 

hat jemand eine bessere Lösung, die nicht auf die Dropdown nicht schließt, wenn einen Tag der Auswahl?

Hinweis: Klicken Sie auf "Neuer Tag".

Danke!

Antwort

3

Dies funktioniert:

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

Updated jsFiddle

+0

Thx Typ! Funktioniert perfekt. –

+0

Hey @dgilland, kannst du mir mit etwas anderem helfen? Klicken Sie genau auf die Eingabe, es wird nicht ausgewählt. EDIT: Fest! http://jsfiddle.net/gatnc/5/ –

+0

Super - keine Ahnung, wie Google diese Seite zuerst aus der Abfrage 'Intercept Dropdown Anker' vorgeschlagen, aber das ist genau das, was ich gesucht habe. – mtkd

1

Das Problem mit "Live" ist es an das Dokument gebunden. Dies bedeutet, dass das close-Ereignis nicht von stopPropagation abgefangen wird. Wenn Sie mit jQuery 1.7.1, können Sie tauschen „live“ für „on“, etwa so:

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

Das wird das Ereignis an das Element binden, und dann Dinge wie stopPropagation funktionieren werden.

+1

Ich denke, was Mike ist dazu zu sagen, dass mit 'Live()', wird das Ereignis gebunden an die 'document' so' event.stopPropagation() 'wird nicht gefeuert, bis es zu spät ist. – AlienWebguy

+0

@AlienWebguy Guter Fang, habe eine Verbesserung, während ich deine Korrektur klaue –

+0

@MikeRobinson, danke! Funktioniert aber nicht, wenn ich auf "Neues Tag" klicke und dann auf das Tag geklickt habe, verschwindet das Dropdown. http://jsfiddle.net/gatnc/2/ –