jquery文件樹中的垂直線

Question

有沒有什麼方法可以在jquery文件樹中實現垂直線？

Answer 1

我應該考慮使用CSS，因爲jQuery File Tree將所有內容都放入容器中，然後進一步對樹中的項進行分類。例如，有以下規則：

.jqueryFileTree .directory, .jqueryFileTree .file { 
    border-left: 1px black; 
} 

這顯然只是一個非常粗糙的開始，但你明白了。它針對任何具有類「目錄」或「文件」的元素，它是具有類「jqueryFileTree」（整個容器上的類）的元素的後代。您可以使用上述邊框或背景圖片等。還有其他類，例如擴展目錄的「擴展」等。

有關於樣式文件樹on the project page的信息，儘管它真的說的是它使用CSS，你應該看看jqueryFileTree.css文件。

Answer 2

我使用CSS3多個背景

ul.jtree ul li { 
    background-repeat : no-repeat; 
    background-position : 0 8px, 0 0; 
    background-size : 8px 1px, 1px 100%; 
    background-image : url(img/icons/dot.png), url(img/icons/dot.png); 
    padding:0;margin:0; 
    line-height:20px; 
} 

ul.jtree ul li:last-child { background-size : 8px 1px, 1px 8px; }