jQuery Treeview의 리프 노드에서 호버 스타일이 작동하지 않는 이유는 무엇입니까?

Question

this page에서 샘플 1을 보면 폴더 항목 위로 마우스를 가져 가면 텍스트가 빨간색으로 바뀌지 만 리프 항목 위로 마우스를 이동하면 빨간색으로 바뀌는 것을 알 수 있습니다. 잎 항목에 대한 스타일을 폴더 항목과 동일한 방식으로 수행하고 싶습니다.

트리의 각 분기는 순서가 지정되지 않은 목록입니다. 리프 항목은 목록 항목 <li>입니다. 내가 목록 항목에 대한 가리 키기 스타일을 시도하고 DOM의 다른 부분에 대한 마우스를 가져 가면 놀았지만 전혀 작동하지 않거나 나무의 전체 지점을 스타일링합니다. 폴더 및 모든 리프 항목이 빨간색으로 바뀝니다.

리프 노드를 포함하여 마우스를 가져간 트리의 개별 항목에 대한 텍스트 색상이 변경되도록이 방법을 사용할 수 있습니까?

Answer 1

필자가 머리를 감싸고 있는지 확실하지 않지만 작성자가 폴더 노드를 파일 노드와 다르게 취급하는 jQuery 트리 뷰 코드를 보면 분명합니다.

각 파일 노드의 텍스트를 <a> 태그로 묶어서이 문제를 해결했습니다.이 태그는 결국 궁극적으로 링크로 간주되기 때문에 제 목적을 잘 수행 할 것입니다. 그것이 내가 원하는 경우 파일 노드 및 폴더 노드에 약간 다른 호버 스타일을 적용 할 날 수 있기 때문에, 방법에

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

, 이것은 좀 멋지다 :이 날 thusly 히 그 스타일을 할 수 있습니다.

Answer 2

정확히 찾고자하는 것이 확실하지 않지만 "파일"노드가 모두 <span class="file"></span>에 싸여 있습니다. $('.file').hover()