未能触发蜂鸟树视图子节点复选框

我正在使用 hummingbird-treeview.js 带有字体awesome v4.7.0的插件。 我想用复选框呈现一个层次树结构。 当我试图触发复选框的根节点时,对应的子节点复选框不能立即触发。

示例说明

我现在的代码是:

HTML格式

<div id="treeview_container" class="hummingbird-treeview" style="height: 600px; overflow-y: scroll;">
    <ul id="treeview" class="hummingbird-base"></ul>
</div>

//initializing
$("#treeview").hummingbird();

for(var i = 0; i < depth; i++) {

    var strContent = "<li><i class='fa fa-plus'></i> <label><input id='xnode-0' data-id='custom-0' type='checkbox' /> " + "node-"+ i;
    strContent += "</label><ul><li><label><input class='hummingbird-end-node' id='xnode-0-1' data-id='custom-0-1' type='checkbox'/> " + "node-"+ i + "-1";
    strContent += "</label></li></ul></li>";

    $("#treeview").append(strContent);
}