如何在jsTree中隐藏/遮蔽/禁用不可点击的复选框？

Question

我列出了可以下载的目录中的文件。我制作了对象的复选框，我不希望用户能够下载不可点击的对象。无法下载所有目录和一些文件。

但我想完全隐藏复选框。复选框在那里但是无法使用是非常令人困惑的。

我的示例代码位于jsfiddle

Answer 1

我认为您可以使用树的加载事件和代码：

$("#tree").bind("loaded.jstree", function (event, data) {
  $(this).find('li[rel!=file]').find('.jstree-checkbox:first').hide();
})

然后调用jstree。

Answer 2

基本上，有两种快速的CSS方法可以隐藏复选框：

1. 使用display:none
2. 使用visibility:hidden

Here's a fiddle使用第一个用于目录，第二个用于禁用文件;但这并不是什么大不了的事。正如您所看到的，主要区别在于第二个区别于空白区域。

另外！重要！ CSS使用attribute selector和child selector，在IE6中都不支持。