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;
                        }
        }