Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 使用多级列表上的滑动切换,级别2将像单击了级别1一样工作_Jquery_Slidetoggle - Fatal编程技术网

Jquery 使用多级列表上的滑动切换,级别2将像单击了级别1一样工作

Jquery 使用多级列表上的滑动切换,级别2将像单击了级别1一样工作,jquery,slidetoggle,Jquery,Slidetoggle,我尝试使用列表进行多级导航,但是当我切换第一级并单击第二级以显示第三级时,第二级将切换。不知道这有没有办法 到目前为止,我的代码是: $(document).ready(function(){ $(".listSchool").click(function(){ $(this).children("ul").children().slideToggle(); }); $(".listClass").click(function(){ $(this).children(

我尝试使用列表进行多级导航,但是当我切换第一级并单击第二级以显示第三级时,第二级将切换。不知道这有没有办法

到目前为止,我的代码是:

 $(document).ready(function(){
    $(".listSchool").click(function(){
    $(this).children("ul").children().slideToggle();
});

$(".listClass").click(function(){
    $(this).children("ul").children().slideToggle();
});
});

您希望停止事件冒泡

基本上,单击内部元素时,也会单击父元素。如果该父级有一个用于单击的事件绑定,则会触发该事件

使用
event.stopPropagation()应该可以防止这种情况


您希望停止事件冒泡

基本上,单击内部元素时,也会单击父元素。如果该父级有一个用于单击的事件绑定,则会触发该事件

使用
event.stopPropagation()应该可以防止这种情况


第一级和第二级的意思是什么…?
  • 第一级
    • 第二级
      • 第三级
      • 第二级
        • 第三级
        • 第三级
        • 第三级,我的意思是名单,在列表中。第一级和第二级的意思是什么…?
          • 第一级
            • 第二级
              • 第三级
              • 第二级
                • 第三级
                • 第三级
                • 第三级
                • 格式不太好的Bah,我的意思是列表,在列表中。我读了这篇文章,这似乎是正确的答案,但由于某种原因,这已经阻止了任何事情的发生。忘记了,这是我一个愚蠢的错误,但是现在当我单击第一个
                • 时,子列表和子发布被切换。这些列表将非常大,所以我不希望它们立即全部展开。@RichieVikinglordTerry创建一个列表,以便我们可以确切地看到正在发生的事情。-对于糟糕的HTML格式,我很抱歉,我是从我网站的firefox视图源获得它的,因为列表是从数据库获取信息的,PHP使HTML变得丑陋。@RichieVikinglordTerry看看这个-仅供参考,我将css改为只隐藏子列表(ul)。我读了这篇文章,这似乎是正确的答案,但由于某种原因,这已经阻止了任何事情的发生。忘记这一点,我犯了一个愚蠢的错误,但是当我单击第一个
                • 时,现在发生了什么,然后切换子列表和子发布列表。这些列表将非常大,所以我不希望它们立即全部展开。@RichieVikinglordTerry创建一个列表,以便我们可以确切地看到正在发生的事情。-很抱歉,HTML格式太糟糕了,我是从我网站的firefox视图源获得的,因为列表是从数据库获取信息的,PHP使HTML变得丑陋。@RichieVikinglordTerry看看这个-仅供参考,我将css改为只隐藏子列表(ul)。
                  $(document).ready(function(){
                     $(".listSchool, .listClass").click(function(event){
                       event.stopPropagation();
                       $(this).children("ul").slideToggle();
                     });
                  });