Javascript 在引导手风琴头中有可点击的元素

Javascript 在引导手风琴头中有可点击的元素,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我试着用一个手风琴,在标题里面有一个复选框。但是,当我单击手风琴标题中的复选框时,它会折叠或展开手风琴。有没有办法在不展开/折叠手风琴的情况下单击复选框?您必须将复选框放置在手风琴切换的外部,但放置在手风琴标题类的内部, i、 e 并添加css.accordion heading a.accordion-toggle{display:inline block;}点击冒泡到accordion header,因此另一种可能性(除了按照其他人的建议将复选框移到切换之外)是停止冒泡 使用一些JQue

我试着用一个手风琴,在标题里面有一个复选框。但是,当我单击手风琴标题中的复选框时,它会折叠或展开手风琴。有没有办法在不展开/折叠手风琴的情况下单击复选框?

您必须将复选框放置在手风琴切换的外部,但放置在手风琴标题类的内部, i、 e



并添加css
.accordion heading a.accordion-toggle{display:inline block;}

点击冒泡到accordion header,因此另一种可能性(除了按照其他人的建议将复选框移到切换之外)是停止冒泡

使用一些JQuery,如:

$("input[type=checkbox]").on("click", function(event) {
    event.stopPropagation();
});
或使用较短的复选框选择器:

$(":checkbox").on("click", function(event) {
    event.stopPropagation();
});

尝试添加此css:.accordion标题a.accordion-toggle{display:inline block;}啊,谢谢!我移动了我的复选框,现在它是我想要的。你能发布一些代码吗。我无法让它工作。有没有一种角度的方法可以做到同样的事情?我有点晚了,但有一种方法:
ng click=“$event.stopPropagation()”
$(":checkbox").on("click", function(event) {
    event.stopPropagation();
});