爲什麼懸停樣式不適用於jQuery Treeview的葉節點？

Question

如果查看this page上的示例1，您會看到，當您將鼠標懸停在文件夾條目上時，文本將變爲紅色，但如果將鼠標懸停在葉條目上，則不會。我希望葉條目的樣式與文件夾條目的工作方式相同。

樹的每個分支都是無序列表。葉條目是列表項目<li>。我已經嘗試爲列表項目設置懸停屬性，並且已經爲DOM的其他部分使用了懸停樣式，但是它根本不起作用，或者它會設計樹的整個分支（文本文件夾和所有葉子項目變成紅色）。

有沒有辦法讓這個工作，以便它將改變我懸停在樹上的任何單個項目的文本顏色，包括葉節點？

Answer 1

我不確定我的頭是否完全包裹它，但從查看jQuery樹視圖代碼可以清楚看到作者正在將文件夾節點與文件節點區別開來。

我通過將每個文件節點的文本包裝在一個<a>標籤中解決了這個問題，這將很好地滿足我的目的，因爲無論如何這些標籤最終都應該是鏈接。這使我正是如此他們的風格：

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

在某種程度上，這是挺酷的，因爲它可以讓我，如果我想稍微不同的懸停樣式應用到文件中的節點和文件夾節點。

Answer 2

我不確定這是不是你正在尋找，但「文件」節點都包裹在<span class="file"></span>。你應該能夠以$('.file').hover()爲目標