1) 嵌套的 div ,或者 ul ol .li 阻止冒泡 ,特别是 对应onclick="test(event)" 通过传递event 阻止 冒泡. cancelBubble , stopPropagation

1 .html 结构:

                 <ul class="ul_2 hide" data-first="5">
                     <li class="li_2" onclick="getSecond(this, 6)">5学习目标
                         <ul class="ul_3">
                             <li class="li_3" onclick="getThird(this, 11, event)">1.视频展示视频展示视频展示视频展示</li>
                             <li class="li_3" onclick="getThird(this, 11, event)">2.学习评价</li>
                             <li class="li_3" onclick="getThird(this, 11, event)">3.小组评价</li>
                         </ul>
                     </li>
                     <li class="li_2" onclick="getSecond(this, 7)">课前学习</li>
                     <li class="li_2" onclick="getSecond(this, 8)">教学活动
                         <ul class="ul_3">
                             <li class="li_3" onclick="getThird(this, 11, event)">1.视频展示</li>
                             <li class="li_3" onclick="getThird(this, 11, event)">2.学习评价</li>
                             <li class="li_3" onclick="getThird(this, 11, event)">3.小组评价</li>
                             <li class="li_3" onclick="getThird(this, 11, event)">4.小组评价</li>
                         </ul>
                     </li>
                     <li class="li_2" onclick="getSecond(this, 9)">课后练习</li>
                     <li class="li_2" onclick="getSecond(this, 10)">师生论坛
                         <ul class="ul_3">
21                             <li class="li_3" onclick="getThird(this, 11, event);">1.测试视频展示</li>
                             <li class="li_3" onclick="getThird(this, 11, event);">2.学习评价</li>
                             <li class="li_3" onclick="getThird(this, 11, event);">3.小组评价</li>
                         </ul>
                     </li>
                 </ul>

重要部分: getThird(this, 11, event)

其中传递event.

2. js

         /**
          * [getThird 1)获取三级导航的数据]
          * @param  {[type]} node    [description]
          * @param  {[type]} thirdId [description]
          * @return {[type]}         [description]
          */
         function getThird(node, thirdId, e)
         {
             // console.log(333);
             // console.log(e);
             //当前三级增加效果 + 去除同级 的三级效果:
             $(node).addClass("selectThird").siblings(".li_3").removeClass("selectThird");

             //自己的父级(二级)增加效果 + 同级的二级及其子级去除效果:
             $(node).parents(".li_2").addClass("selectSecond").siblings(".li_2").removeClass("selectSecond").find(".li_3").removeClass("selectThird");

             // getContent(thirdId, 3);

             cancelBubble(e);
         }

         function cancelBubble(e) {
                     var evt = e ? e : window.event;
                         if (evt.stopPropagation) {        //W3C
                            evt.stopPropagation();
                         }else {       //IE
                            evt.cancelBubble = true;
                         }
         }