Ausblenden eines Kontrollkästchens in der JS-Baumbibliothek

Question

Ich muss einige der Kontrollkästchen ausblenden, die über die JSTree-Bibliothek gerendert wurden.

Hier ist der HTML:

<div id="tree"> 
    <ul> 
     <li id="folder_1">Folder 1 
      <ul> 
       <li id="child_1">Child 1</li> 
       <li id="child_2">Child 2</li> 
      </ul> 
     </li> 
     <li id="folder_2">Folder 2</li> 
    </ul> 
</div> 

Und hier ist die JS:

$(function() { 
    $("#tree").jstree({ 
     "checkbox": { 
      "keep_selected_style": false 
     }, 
      "plugins": ["checkbox"] 
    }); 
    $("#tree").bind("changed.jstree", 
    function (e, data) { 
     alert("Checked: " + data.node.id); 
     alert("Parent: " + data.node.parent); 
     //alert(JSON.stringify(data)); 
    }); 
}); 

Ich brauche das Kind 2 angezeigt, die das Kontrollkästchen (Child 2) in Ordner 1 aber zu verbergen haben, aber ohne Kontrollkästchen. Ich schließe eine jsfiddle link ein.

Answer 1

Sie können eine CSS-Klasse hinzufügen, um das Kontrollkästchen zu entfernen.

<li id="" class="no-checkbox">Child 2</li>

CSS:

.no-checkbox i.jstree-checkbox { 
    display:none; 
} 

Hier ist ein LINK