Question

我正在尝试使用jquery构建文件树结构。我遇到了这个链接

http://www.abeautifulsite.net/blog/2008/03/jquery-file-tree/

所以我尝试使用它.Below是我文件的html源代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>

<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="js/jquery.easing.js" type="text/javascript"></script>
<script src="js/jqueryFileTree.js" type="text/javascript"></script>
<link href="css/jqueryFileTree.css" rel="stylesheet" type="text/css"
    media="screen" />

<script type="text/javascript">
$(document).ready( function() {
    $('#container_id').fileTree({ root: '/some/folder/' }, function(file) {
        alert(file);
    });
});
</script>
</head>
<body>
    <div id="container_id"></div>
</body>
</html>

但是当我在浏览器中打开此页面时，它显示一个空白页面。没有任何内容。我错过了什么？请提前帮助.Thnx。

注意：脚本标签的所有src都是正确的。

Answer 1

最后我解决了。感谢Mozilla的FireBug.So我认为我也应该写出解决方案： - 在上面的脚本标记中，在指定根文件夹之后，我们应该使用一个连接器来获取路径并从该路径中获取文件树及其所有子文件。

在我的场景中，我使用了jsp连接器。可以下载所有这些连接器 http://labs.abeautifulsite.net/archived/jquery-fileTree/jquery.fileTree-1.01.zip

对以上嵌入式脚本代码进行以下更改

$(document).ready(function() {
$('#container_id').fileTree({
root : '/home/abhinav',
script : 'jqueryFileTree.jsp'
}, function(file) {
alert(file);
});
});

然后我们的文件树就绪了......：）

需要帮助使用jQueryFileTree.js创建文件树

1 个答案: