jquery - Twitterのブートストラップドロップダウンにチェックボックスを追加する

Question

プロジェクトにTwitterブートストラップを使用しています。

ドロップダウンにチェックボックスを追加したいのですが、これはhttp://jsfiddle.net/qG7c4/のようなものです。

ファイル：bootstrap-dropdown.js

例：http ：//twitter.github.com/bootstrap/javascript.html#dropdowns

問題は、すべてのチェックボックスをクリックするとドロップダウンが閉じられることです。ユーザーが複数のチェックボックスを簡単に選択できるように、チェックボックスをクリックするとドロップダウンが閉じられないようにします。

このためにJavaScriptでどのような変更を行う必要がありますか？

Answer 1

次のように、入力要素でのクリックイベントの伝播を停止してみてください。

$('.dropdown-menu input, .dropdown-menu label').click(function(e) {
    e.stopPropagation();
});

デモ