Почему стиль наведения не работает на конечных узлах jQuery Treeview?

Question

Если вы посмотрите образец 1 на этой странице , вы увидите, что при наведении указателя мыши на элементы папки текст становится красным, но не при наведении указателя мыши на элементы листа. Мне бы хотелось, чтобы стилизация для листовых записей работала так же, как записи в папках.

Каждая ветвь дерева представляет собой неупорядоченный список. Листовые записи являются элементами списка <li>. Я попытался стилизовать атрибут hover для элементов списка и поиграл со стилем hover для других частей DOM, но он либо вообще не работает, либо будет стилизовать всю ветвь дерева (текст для папка и все элементы листа становятся красными).

Есть ли способ заставить эту работу так, чтобы она изменила цвет текста для любого отдельного элемента в дереве, над которым я наведу курсор, включая узлы листа?

Answer 1

Я не уверен, что моя голова полностью обернута вокруг нее, но из взгляда на древовидный код jQuery видно, что автор рассматривает узлы папок иначе, чем узлы файлов.

Я решил эту проблему, заключив текст каждого файлового узла в тег <a>, который хорошо послужит моей цели, поскольку все они в конечном итоге должны быть ссылками. Это позволяет мне стилизовать их так:

.treeview a:link { }
.treeview a:visited { }
.treeview a:hover { }

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

Answer 2

Я не уверен, что это именно то, что вы ищете, но все "файловые" узлы заключены в <span class="file"></span>. Вы должны быть в состоянии предназначаться для них на $('.file').hover()