javascript - 复选框变成 Accordion

Question

我正在将数据动态填充到 jQuery Accordion 中。

<div id="checkbox">
  <h2>
    <span>
       <input type="checkbox" class="mycheck" value="apple" />
    </span>
    Text 1
  </h2>
  <div> content 1 </div>
</div>

我在每个标题旁边放置了一个复选框。

$("#accordianParent").accordion({
      collapsible: true,active: false
});

$(document).on('click', '.mycheck', function(ev){ 
        ev.stopPropagation(); 
        console.log("clicked!");
});

当单击复选框时，如何使复选框选中并防止 Accordion 展开？

当我使用我的代码时，控制台正确输出clicked!。但 Accordion 展开并且复选标记没有出现。如何解决这个问题？

Fiddle

Answer 1

这是一个工作fiddle

$('.mycheck').click( function(ev){ // add a direct event
        ev.stopImmediatePropagation(); // this stops from other handlers to execute and stop event bubbling
        console.log("clicked!");
});