0

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

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

所以我尝试使用它。下面是我的文件的 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。

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

4

1 回答 1

1

最后我解决了。感谢 Mozilla 的 FireBug。所以我想我也应该编写解决方案：- 在上面的脚本标签中，指定根文件夹后，我们应该使用一个连接器，它将获取路径并从中获取文件树这条路连同它的所有孩子。

在我的场景中，我使用了 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);
});
});

然后我们的文件树就准备好了……:)

于 2012-06-22T18:12:45.713 回答