Clever Geek Handbook

jQuery.Tree

同志のカフェインは 、インストール済み、未チェック、および「ほとんどインストール済み」の3つの状態を持つチェックボックスでツリーを作成するjQueryプラグインを探していました。 見つかりませんでした、書くように頼まれました。 書いてみんなと共有します。



プロジェクトページ： code.google.com/p/jquery-tree



現在のバージョン： jquery-tree.googlecode.com/files/jquery-tree.tar.gz



例（人々については、多分、転送します）： max-at-work.narod.ru/jquery.tree.test.html

jsを無効にした例： max-at-work.narod.ru/jquery.tree.test.nojs.html



使用法：



<head>

<link rel= "stylesheet" type= "text/css" href= "css/jQuery.Tree.css" />

</head>

<body>

<ul id= "tree" >

<li>

<label><!-- -->

<input type= "checkbox" />

</label>

</li>

<li>

<label>

<input type= "checkbox" />

</label>

<ul>

<li>

<label>

<input type= "checkbox" />

</label>

</li>

</ul>

</li>

</ul>



<script type= "text/javascript" src= "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" >

</script>



<script type= "text/javascript" src= "jQuery.Tree.js" >

</script>



<script type= "text/javascript" >

$(document).ready(function(){

$( "#tree" ).Tree();

});

</script>

</body>



* This source code was highlighted with Source Code Highlighter .







「現状のまま」配布され、FF3.5、IE8、Chrome 4で動作します（残りは見ていません）。



はい、Googleコードページで機能リクエストを追加できます。定期的に確認します。



1x1とMikeprosoftが示唆するように、同じjstree.com機能を持つプラグインがあります。 主な違いは、私の場合、jsなしでフォームを送信できることです。





More articles:


All Articles