jquery没法正确获取当前节点的一级节点
jquery无法正确获取当前节点的一级节点
小弟递归生成一个树,一切都OK, 就是展开,收缩存在问题, 无法正常展开收缩当前节点的子节点, 一点击就展开当前节点,再点击就收缩了所有的节点,不知道原因,请大侠指点。
生成后的树代码
------解决方案--------------------
你选取树形节点和绑定事件的代码是怎么样的?一个原因是点击事件绑定所有的节点,每次点击的时候它们都触发了。
做了一个演示代码,第四行e.stopPropagation();使事件执行一次后就停止,这样就不会出发其他节点的click事件了。你可以注释掉比较一下效果。
小弟递归生成一个树,一切都OK, 就是展开,收缩存在问题, 无法正常展开收缩当前节点的子节点, 一点击就展开当前节点,再点击就收缩了所有的节点,不知道原因,请大侠指点。
function expend(obj){
var nodeId = $(obj).attr("id");
if ($("#"+nodeId+">div").css("display") == "block"){
$("#"+nodeId+">div").stop(true, true).hide("fast");
}else{
$("#"+nodeId+">div").stop(true, true).show("fast");
}
}
生成后的树代码
<div id='tree'>
<div id='div0'><span class=folder></span> 商品名称分类管理
<div style='display:none;' id='div0001'> <span class=folder></span> 母婴用品
<div style='display:none;' id='div0001001'> <span class=module></span> 奶粉</div>
<div style='display:none;' id='div0001002'> <span class=module></span> 辅食</div>
<div style='display:none;' id='div0001003'> <span class=folder></span> 尿裤湿巾</div>
</div>
<div style='display:none;' id='div0002'> <span class=folder></span> 酒水<div style='display:none;' id='div0002001'> <span class=folder></span> 葡萄酒
<div style='display:none;' id='div0002001001'> <span class=module></span> 红葡萄酒</div>
<div style='display:none;' id='div0002001002'> <span class=folder></span> 白葡萄酒</div>
</div>
<div style='display:none;' id='div0002002'> <span class=folder></span> 白酒</div>
<div style='display:none;' id='div0002003'> <span class=folder></span> 洋酒</div>
</div>
</div>
</div>
------解决方案--------------------
你选取树形节点和绑定事件的代码是怎么样的?一个原因是点击事件绑定所有的节点,每次点击的时候它们都触发了。
做了一个演示代码,第四行e.stopPropagation();使事件执行一次后就停止,这样就不会出发其他节点的click事件了。你可以注释掉比较一下效果。