jQuery 学习第六课 实现一个Ajax的TreeView(2)


function CloseFolder(event) {
if (this == event.target)
$(this).find('ul').remove();
}


至此此范例已经完成了。还少了几句css,不再列出。
这个例子实现的功能和样式都比较粗糙,不过在此基础上做更多的扩展和美化已经不是难事。例如可以加上一点现成的动画效果:

复制代码 代码如下:


function CloseFolder(event) {
if (this == event.target) {
var node = $(this).find('ul');
node.hide('slow', function() { $(this).find('ul').remove(); });
}
}


先隐藏,再删除。类似地,可以加载完毕后立刻隐藏,再淡出。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdxsgx.html