KnockoutJsとTwitter Bootstrapを使用してUIを構築しています。knockoutjsでチェックされたバインディングを使用するとイベントバブリングが発生しないようにする
私はdropdown-toggle
と呼ばれるブートストラップダイアログ内でchecked
バインディングを使用しています。
<div class="btn-group">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
Facets
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<!-- ko foreach: facets -->
<li>
<input type="checkbox" data-bind="checked: Visible" />
<span data-bind="text: Name"></span>
</li>
<!-- /ko -->
</ul>
</div>
チェックボックスをオンにしたままでドロップダウンダイアログを開いたままにしておくことを除いて、すべてが問題ありません。ここで
は一例とフィドルです:http://jsfiddle.net/MikeEast/L3KfG/2/
私がチェック開かれた対話を残す明示的に一緒にevent.preventDefault()
とevent.stopPropagation()
との結合を使用していますが、チェックする]チェックボックスを防ぐ自分のバインディングのハンドラを作成しようとしています。
任意のポインタ?
ニース!親要素のバブルをキャッチするために賢い!ありがとう! Btw:私は編集しました: 'event.cancelBubble;' - > 'event.cancelBubble = true;' –
oops、yesは 'true'にする必要があります。良いキャッチ。 –
私は一回以上答えをアップアップすることができます、あなたは人生を救った。 –