4

私は、このリンクで例を作成し、私はドロップダウンプラグインを使用していると私はタグセレクタを作成しようとしている、Twitterのブートストラップとの質問があります:タグセレクタでTwitterのブートストラップドロップダウン

http://jsfiddle.net/gatnc/

私はこれを試してみた:

event.stopPropagation; 
return false; 

誰でもタグを選択する際にドロップダウンを閉じないよりよい解決策を持っていますか?

注:「新しいタグ」をクリックします。

ありがとうございます!

答えて

3

これは動作します:

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

Updated jsFiddle

+0

Thx guy!完璧に動作します。 –

+0

ちょっと@dgilland、他に何か助けてくれますか?入力を正確にクリックすると、選択されません。 編集:修正済み! http://jsfiddle.net/gatnc/5/ –

+0

驚くばかり - どのようにGoogleがこのページを最初にクエリ 'intercept dropdown anchor'から提案したのかわかりませんが、これはまさに私が探していたものです。 – mtkd

1

"ライブ"の問題は、ドキュメントにバインドされています。つまり、closeイベントはstopPropagationによってインターセプトされません。あなたはjQueryの1.7.1を使用している場合は、そのように、「オン」のために「ライブ」にスワップアウトすることができます

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

を要素にイベントをバインドしますし、その後のstopPropagationのようなものが動作すること。

+1

を私は何をマイクが言うことを意味する ')('ライブで、イベントは(するevent.stopPropagation 'ので' document'にバインドされていることだと思います)遅すぎるまでは解雇されません。 – AlienWebguy

+0

@AlienWebguy良いキャッチ、私はあなたの修正を盗む間にupvoteを持っています –

+0

@MikeRobinson、ありがとう!しかし、 "New Tag"をクリックしてからタグをクリックしても機能しません。ドロップダウンが消えます。 http://jsfiddle.net/gatnc/2/ –