js动态添加的节点绑定时间不响应原因

最新推荐文章于 2021-05-31 01:59:59 发布

归家落叶人

最新推荐文章于 2021-05-31 01:59:59 发布

阅读量812

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/yan_harder/article/details/50724559

前端专栏收录该内容

6 篇文章

订阅专栏

本文探讨了在使用jQuery为DOM元素绑定事件时遇到的问题，特别是当这些元素是在页面加载后动态添加的情况。通过示例代码说明了为什么直接绑定事件可能不起作用，并提供了解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
   <title></title>
   <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
   <script type="text/javascript">
   $(function(){


       $("span").click(function(){
           alert(1);
       })

       $("div").append("<span>this is a test</span>");

})

</script>
</head>
<body>
   <div></div>

</body>

</html>

加载时间时，新节点还没有添加到DOM之中，因此事件无法完成绑定