js动态生成html，获取点击的监控事件写法

最新推荐文章于 2022-06-16 13:58:22 发布

走过程序员的路

最新推荐文章于 2022-06-16 13:58:22 发布

阅读量3.8k

点赞数 1

分类专栏：前端进阶之路 html ajax 文章标签： js 点击监控 javascript

本文链接：https://blog.csdn.net/lafengwnagzi/article/details/52422815

版权

前端进阶之路同时被 3 个专栏收录

16 篇文章 0 订阅

订阅专栏

html

5 篇文章 1 订阅

订阅专栏

ajax

3 篇文章 0 订阅

订阅专栏

如果html是动态生成的话就不能用采用下面的写法去监控点击事件：

 $('.navList li').click(function(){
            $(this).addClass('c-3b9de7').siblings().removeClass('c-3b9de7');
            $('.navBox li span').removeClass('cur_nav');
            $('.navList').fadeOut(300,function(){
                $('.boxMast').fadeOut();
            })
        })

而是需要采用如下写法去注册监控点击事件：

$('body').on('click', '#navList li', function () {
                $(this).addClass('c-3b9de7').siblings().removeClass('c-3b9de7');
                $('.navBox li span').removeClass('cur_nav');
                $('.navList').fadeOut(300,function(){
                    $('.boxMast').fadeOut();
                })
            });