复选框成手风琴

Question

我正在将数据动态填充到jQuery手风琴中。

<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!");
});

单击复选框时，如何选中复选框并阻止手风琴扩展？

当我使用我的代码时，控制台正确输出clicked!。但是手风琴扩大了，并且没有出现复选标记。如何解决这个问题？

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!");
});