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を使用してください。

注：スクリプトタグのすべての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 に答える