Как скрыть / затенить / отключить не кликабельные флажки в 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

Вот скрипка , которая использует первое для каталогов и второе для отключенных файлов;но это не так уж важно.Основное отличие, как вы видели, в том, что второе оставляет пустое пространство.

Также!Важный!В CSS используются селектор атрибутов и дочерний селектор , ни один из которых не поддерживается в IE6.