根据您的服务器设置(您仍然必须有一种方法来允许给定目录的目录浏览,使用这个技巧),有一种方法可以让列表看起来像你想要的那样,但它确实需要更多的工作(比如昆汀提到的)才能以你想要的方式获得一些风格。在这个例子中,我使用jQuery,KnockoutJS和CSS来读取目录的内容(我没有做任何服务器端的特殊技巧......这是我的Apache服务器的默认目录列表模式返回目录列表页面)。我把它放到一个非常基本的HTML5页面中。我之前尝试工作时遇到了一些麻烦(我只是简单地创建元素并将它们添加到列表中),因为某些原因,它们不会起作用。无论如何,我试图更多地了解如何使用Knockout,这似乎是一个体面的测试案例。
我摘录了非敲除基于代码,如下所示:
HTML
Testing...
.get
CSS
/* Obviously, none of this is necessary...
this is just to show that it can be done ...
I'm just putting some basic style on my shell
class, and the li's and a's within */
.shell {
width:300px;
}
.shell ul li {
list-style:none;
}
.shell a {
color: #232323;
display: block;
width: 100%;
height:30px;
margin: .5em