Javascript 具有更多节点的简单jQuery树问题

Javascript 具有更多节点的简单jQuery树问题,javascript,jquery,tree,Javascript,Jquery,Tree,这是我的 如果要打开第三个节点,您会注意到问题。 因为每次点击都会切换所有内容,所以我尝试使用 检查它是否有一个只隐藏子对象的父对象等,但是 它根本不起作用 欢迎提出任何建议。这应该可以: $(window).load(function() { $('li').click(function(evt) { $(this).children('ul').toggle(); evt.stopPropagation(); //

这是我的

如果要打开第三个节点,您会注意到问题。 因为每次点击都会切换所有内容,所以我尝试使用 检查它是否有一个只隐藏子对象的父对象等,但是 它根本不起作用

欢迎提出任何建议。

这应该可以:

$(window).load(function() {
    $('li').click(function(evt) {                   
        $(this).children('ul').toggle();
        evt.stopPropagation(); //Stop bubbling upwards, so our parent doesnt recieve this click!
    });
});
无论何时单击LI,您都希望切换子项。问题是事件冒泡,您的单击在最内部的元素上触发,但随后冒泡到父元素。按预期关闭元素


这就是为什么我们在它到达之前停止冒泡,这样家长就不会得到点击,我们就保持打开状态。

通常,你应该在问题中包含所有相关代码,而不是外部链接(来自“死链接”的未来证明)对我也不起作用,jquery缺失。这很奇怪。。。重新检查它的工作。。。现在试试,我从链接中删除了版本号,可能是
$(window).load(function() {
    $('li').click(function(evt) {                   
        $(this).children('ul').toggle();
        evt.stopPropagation(); //Stop bubbling upwards, so our parent doesnt recieve this click!
    });
});