Buduję interfejs użytkownika za pomocą KnockoutJs i Twitter Bootstrap.Zapobieganie propagacji zdarzeń podczas używania sprawdzonego powiązania w knockoutjs
Używam wiązania checked
w oknie dialogowym Bootstrap o nazwie dropdown-toggle
.
<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>
Wszystko jest w porządku, ale chciałbym, aby rozwijane okno dialogowe pozostało otwarte po zaznaczeniu pól wyboru.
Oto skrzypce na przykładzie: http://jsfiddle.net/MikeEast/L3KfG/2/
Próbowałem tworzyć własne wiążącej obsługi, który używa sprawdzonej wiążący wyraźnie wraz z event.preventDefault()
i event.stopPropagation()
który opuszcza dialog otwarty, ale zapobiega pole do sprawdzenia.
Jakieś wskazówki?
Nice! Sprytnie złapać bulgotanie w elemencie rodzica! Dzięki! Btw: Edytowałem: 'event.cancelBubble;' -> 'event.cancelBubble = true;' –
oops, tak powinno być "true". dobry połów. –
Jak mogę uzyskać odpowiedź na więcej niż raz, uratowałeś mi życie. –