Question

我将数据动态填充到jQuery手风琴中。我需要在<h2>文本之前设置一个复选框。

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

Answer 1

当在Element中使用时，手风琴似乎会阻止你的复选框上的默认值。

您可以使用activate / beforeactivate事件手动检查：

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

    beforeActivate: function( event, ui ) {
       var checked = ui.newHeader.length ? true : false;
       $(event.currentTarget).find('input[type="checkbox"]').prop('checked', checked);
    }

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

手风琴中的动态复选框

1 个答案: