我的網站(php)有一些類別和相應的子類別。在樹結構中顯示數據php sql
我想在樹結構中顯示它們。
首先應該用加號顯示所有類別,當有人點擊加號時,下面的類別應該向下滑動並顯示相應的子類別。
這是很常見的瘦,我發現很多網站,但無法找到如何做到這一點。
請提出如何實現這個結構。
謝謝。
我的網站(php)有一些類別和相應的子類別。在樹結構中顯示數據php sql
我想在樹結構中顯示它們。
首先應該用加號顯示所有類別,當有人點擊加號時,下面的類別應該向下滑動並顯示相應的子類別。
這是很常見的瘦,我發現很多網站,但無法找到如何做到這一點。
請提出如何實現這個結構。
謝謝。
使用jQuery,我的演示 JS(這是在3分鐘內寫了一個插件):
(function($){
$.fn.subcath = function() {
return this.each(function() {
obj = $(this);
var subcath=$('.subcath', obj);
alert(obj.html());
obj.click(function(){
subcath.toggle('slow');
});
});
}})(jQuery);
HTML:
<SCRIPT language="JavaScript" SRC="jquery.js"></SCRIPT>
<SCRIPT language="JavaScript" SRC="my_plugin.js"></SCRIPT>
<script>
$().ready(function() {
$('.subcath').hide();
$('.menu').subcath();
});
</script>
<ul class='menu'>
<div class="cathegory" >
<li class="cath" >Cath1</li>
<div class="sub_cathegory" >
<ul class="subcath">
<li class="sub_el" >Cath1</li>
<li class="sub_el" >Cath2</li>
</ul>
</div>
</div>
<div class="cathegory" >
<li class="cath" >Cath1</li>
<div class="sub_cathegory" >
<ul class="subcath">
<li class="subcath_el" >Cath3</li>
<li class="subcath_el" >Cath4</li>
</ul>
</div>
</div>
</ul>
其中(M)(V)(C)指向MVC應用程序的結構,請參閱:
http://oreilly.com/php/archive/mvc-intro.html
可以將其使用Nested set model或Adjecency list做。閱讀這些,有很多可用的示例代碼。欲瞭解更多信息,請閱讀http://en.wikipedia.org/wiki/Tree_(data_structure)。
這是這樣一個可笑的廣闊,「請寫我的代碼我「有點問題。你覺得應該怎麼做?你會從哪裏開始? – DaveRandom
多維數組+遞歸顯示它? –