javascript - ul>li>ul>li这样的二级菜单点击的时候加类也加到父亲的头上去了
天蓬老师
天蓬老师 2017-04-10 16:48:03
[JavaScript讨论组]

下面是html代码

下面是js代码

    $(document).on('click','ul.dropdown>li',function(){
        var m = $(this).find('a').attr('href');
        m = swithParamUseLimit(m);
       console.log(m);
        $(m).addClass('noob-sos-ao');
        m = null;
    });
    $(document).on('click','ul.dropdown>li>ul>li',function(){
        var m = $(this).find('a').attr('href');
        m = swithParamUseLimit(m);
        console.log(m);
        $(m).addClass('noob-sos-ao');
    });

但是当下面的js事件触发时,上面的事件也被触发了,何解,这样的怎么处理?

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(2)
PHPz

阻止事件冒泡方法
functon stopPropagation(event){

if(event.stoPropagation){
    event.stoPropagation();
}else{
    event.canceBubble = false;
}

}

天蓬老师

这个是因为事件冒泡了,相当于两个事件都命中触发了,你可以参考一下上面的阻止事件冒泡的方法。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号