JKING_
JKING_
2020-02-18 09:33
采纳率: 25%
浏览 524

$('.tree li').on('click',function(){ $(this).children('ul').slideToggle(); })第二层点击的时候会执行两次是为什么?

下面是是我的js代码

$('.tree li').on('click',function(){
      $(this).children('ul').slideToggle();
 })

前台代码:

<ul class="tree">
   <li class="tree-current"><a href="javasrript:void(0);" >测试</a>
      <ul>
          <li><a href="javasrript:void(0);" >测试</a>
            <ul>
              <li><a href="javasrript:void(0);" title="">测试</a></li>
              <li><a href="javasrript:void(0);" title="">测试</a></li>
              <li><a href="javasrript:void(0);" title="">测试</a></li>
              <li><a href="javasrript:void(0);" title="">测试</a></li>
             <li><a href="javasrript:void(0);" title="">测试</a></li>
           </ul>
         </li>
         <li><a href="" title="">测试</a></li>
         <li><a href="" title="">测试</a></li>
         <li><a href="" title="">测试</a></li>
          <li><a href="" title="">测试</a></li>
          </ul>
        </li>
      <li><a href="" title="">测试</a></li>
     <li><a href="" title="">测试</a></li>
      <li><a href="" title="">测试</a></li>
   </ul>
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • wooddy1982
    wooddy1982 2020-02-18 10:16
    已采纳

    javascript 事件冒泡

    点赞 评论
  • dashicaineng
    点赞 评论

相关推荐