WEB开发网
开发学院网页设计JavaScript 打造基于jQuery的高性能TreeView(下) 阅读

打造基于jQuery的高性能TreeView(下)

 2009-10-27 00:00:00 来源:WEB开发网   
核心提示: 注册事件,接受参数parent,打造基于jQuery的高性能TreeView(下)(3),即从某一父节点开始附加事件(因为做了个hover效果,所以事件是在每个节点上,如果取消该效果,事件可直接附加Tree上通过Event的srcElement来分发可略提升性能)01.functionInitE

注册事件,接受参数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.}

上一页  1 2 3 4 5  下一页

Tags:打造 基于 jQuery

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接