jQueryUI手风琴与复选框

Question

我正在尝试在每个手风琴标题中放置一个复选框,以指示是否应该禁用某些内容.复选框显示正常,但是,它不可点击,因为整个手风琴标题链接到<a>标签.将复选框放在<a>标记之外会使复选框显示在标题下方,这不是我想要的,并且它仍然无法点击.

<div id="accordion">
    <h3><a href="#">Text <span id="id">More text<input type="checkbox"/></span></a></h3>
    <div>content etc</div>
</div>

Answer 1

你可以stopPropagation()用来解决这个问题

示例jsfiddle

就像是

$('#accordion input[type="checkbox"]').click(function(e) {
    e.stopPropagation();
});