jquery - 带有复选框的jQueryUI 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>

最佳答案

您可以使用stopPropagation()修复此问题

example jsfiddle

就像是

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