打造基于jQuery的高性能TreeView(下)
2009-10-27 00:00:00 来源:WEB开发网注册事件,接受参数parent,即从某一父节点开始附加事件(因为做了个hover效果,所以事件是在每个节点上,如果取消该效果,事件可直接附加Tree上通过Event的srcElement来分发可略提升性能)
01.function InitEvent(parent) {
02. var nodes = $("li.bbit-tree-node>div", parent);
03. nodes.each(function(e) {
04. $(this).hover(function() {
05. $(this).addClass("bbit-tree-node-over"); //鼠标浮动节点的样式变化
06. }, function() {
07. $(this).removeClass("bbit-tree-node-over");
08. })
09. .click(nodeclick)//node的onclick事件,这个是重点哦
10. .find("img.bbit-tree-ec-icon").each(function(e) { //arrow的hover事件,为了实现vista那个风格的
11. if (!$(this).hasClass("bbit-tree-elbow")) {
12. $(this).hover(function() {
13. $(this).parent().addClass("bbit-tree-ec-over");
14. }, function() {
15. $(this).parent().removeClass("bbit-tree-ec-over");
16. });
17. }
18. });
19. });
20.}
更多精彩
赞助商链接