Bootstrap 4 下拉菜單中的切換復選框

Question

我在 Bootstrap 4 下拉菜單 ( https://getbootstrap.com/docs/4.0/components/dropdowns/ ) 中放置了一個帶有 Bootstrap Toggle Plugin ( http://www.bootstraptoggle.com/ ) 樣式的復選框。 當我單擊切換按鈕時，菜單會立即關閉。

我可以通過使用onclick="event.stopPropagation();"來防止這種情況發生在菜單項上（來自此處的代碼： 單擊時保持 Bootstrap 下拉菜單打開）。 但是，撥動開關不再起作用。

有沒有辦法在單擊切換時讓菜單保持打開狀態？

Answer 1

如果您將切換開關包裹在表單標簽中，則不應關閉下拉列表。

http://jsfiddle.net/mjhr0f6d/2/

...
<form>
<input type="checkbox" checked data-toggle="toggle">wrapped inside form
</form>
...