带有复选框的 jQueryUI Accordion

Question

我试图在每个 Accordion 标题中放置一个复选框，以指示是否应禁用某些内容。该复选框显示正常，但是，它不可单击，因为整个 Accordion 标题链接到 <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()解决这个问题

example jsfiddle

类似的东西

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