append之后无法触发点击事件的解决办法

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 2.4k累计阅读 2.4k平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄25年

关注

原创最新推荐文章于 2026-09-23 16:35:17 发布 2.4k 阅读 AI 写同款· GEO 优化 ›

关于HTML5 JS中append生成标签后无法触发click点击事件【2019-09-20】 $.ajax({ type: "get", url: localhostPath + "/decalartionapi/projectDirectoryList", data: "", dataType: "json", success: function (result) {... 阅读详情

发现是因为append后事件还没有挂上，所以无法触发点击事件，解决办法：

$('#...').live('click', function(){

});

就可以了，不过据说live效率比较低。

收录于

JavaScript

当前文章被收录于：

JavaScript

1 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

标签

#javascript #JavaScript #Javascript #javaScript #JAVASCRIPT

jquery 关于使用 append 追加元素后事件无法触发原因：append中的节点是在整个文档加载完之后开始添加，页面不会为append的元素初始化添加点击事件，故使用这种方式动态添加的节点中的click事件没有生效。解决方案：事件委托方式解决，将指定的事件绑定在document上或者绑定到一开始存在的其它元素身上，只要append元素符合指定的元素，就会绑定此事件。 function loadLevel(Id, i) { var... 阅读详情

相关推荐

解决jQuery使用append添加的元素事件无效的问题

今天小编就为大家分享一篇解决jQuery使用append添加的元素事件无效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

处理jQuery append加入的元素绑定事件无效的方法

问题是：通过jQuery append（或者before、after，一样）新添加进网页的元素，常用的事件不能触发，比如：append了id 为 abc 的元素，那么 $(#abc).click(function(){})是没有效果的。 1. 网上说要用live()函数，亲测无效，应该是jQuery的版本问题，反正到目前为止是不能用了； 2. 解决方法：用on函数，要注意格式(楼主搞了半天，因...

qq_37273784的博客 2052

线性分类器（Linear Classifier）

线性分类器如上图所示，这是二维空间中的一个数据集，如果他正好能够被一条直线分成两类，那么我们称它为线性可分数据集，这条直线就是一个线性分类器。在三维空间中，如果数据集线性可分，是指能够被一个平面分为两类。在一维空间中，所有的点都在一条直线上，如果线性可分。可以理解为它们能够被一个点分开。这里的直线、平面、点被分为决策边界。一个 m 维空间中的数据集，如果能够被一个超平面一分为二，那么这个数据集就是线性可分的，这个超平面就是决策边界。例如，这是二维平面上的一条直线，它可以把平面切分成两

xuechanba的博客 1万+

append添加元素后点击事件失效

今天发现使用append方法添加的标签，无法触发点击事件。失效原因：append中的节点是在整个文档加载完之后开始添加，页面不会为append的元素初始化添加点击事件，故使用这种方式动态添加的节点中的click事件没有生效。解决方法：事件委托方式解决，将指定的事件绑定在document上，只要append元素符合指定的元素，就会绑定此事件。 $(document).on("click","指...

weixin_42132776的博客 1742

基于电子海图的水面无人艇全局路径规划

Research and Implementation of Global Path Planning for Unmanned Surface Vehicle Based on Electronic Chart (基于电子海图的水面无人艇全局路径规划) 该论文已经在ICMIR2017会议上发表，附上springer的文献地址 Research and Implementation of Gl...

weixin_30797199的博客 1590

Windows上搭建OpenHarmony星闪开发环境：HiSpark Studio全流程指南

嵌入式开发中，环境搭建是项目启动的关键步骤。OpenHarmony作为开源操作系统，其构建体系依赖Python脚本和GN/Ninja工具链，对版本兼容性要求严格。星闪（NearLink）技术作为新一代短距无线通信方案，在时延、并发和抗干扰方面优势显著，广泛应用于智能家居、工业控制等场景。在Windows平台上，通过HiSpark Studio集成开发工具，开发者可高效完成代码编辑、编译、烧录与调试。然而，Python版本冲突、环境变量配置、驱动签名等问题常导致搭建失败。本文详细拆解从系统准备到编译验证的全流

weixin_32658257的博客 339

jQuery动态append添加元素后点击事件失效

1. 问题描述：在div中动态添加span元素，之后执行$(selector).click(function(){var param = $(this).text();})无法触发事件。 2. 原因：append中的节点是在整个文档加载完之后开始添加，页面不会为append的元素初始化添加点击事件，故使用这种方式动态添加的节点中的click事件没有生效。 3. 解决方案：事件委...

1 Byte 的博客 1933

Kali实战：构建安卓远程监控工具，实现拍照、定位与信息获取

本文详细介绍了如何使用Kali Linux构建安卓远程监控工具，实现拍照、定位与信息获取功能。通过Metasploit框架生成安卓载荷，部署到目标设备并建立连接，执行远程监控操作如获取位置信息、拍照和读取通讯录。文章还提供了进阶技巧与问题排查方法，强调法律与道德考量。

weixin_28716443的博客 239

jquery append加入新元素后事件无效处理方法

jquery append加入新元素后事件无效处理方法在很多网站上说是使用live就可以用，但是我发现我使用的jquery的版本是1.9，在1.9后live删除了，所以改用on的方法来处理　根据jQuery的官方描述，live方法在1.7中已经不建议使用，在1.9中删除了这个方法。并建议在以后的代码中使用on方法来替代。　　on方法可以接受三个参数：事件名、触发选择器、事件函数。中

周馒头_资料 2137

从原理图到PCB：手把手教你绘制DRV8301驱动板（附完整代码与避坑指南）

本文详细介绍了如何从原理图设计到PCB布局，手把手教你绘制DRV8301驱动板，特别适用于FOC（磁场定向控制）系统开发。内容涵盖元器件选型、电源树架构设计、栅极驱动电路、PCB布局技巧、焊接调试及代码配置，并附有完整代码与常见问题避坑指南，帮助工程师快速掌握DRV8301驱动板的设计与优化。

weixin_33716941的博客 394

Python 控制 Keysight N9010B/N9020/N9030 频谱仪

为什么要实现频谱仪的控制呢？起因是因为我司RF的同事们需要对通信模块进行GSM的带内杂散进行测试，由于该测试的频点涉及900多个，所以急需开发一款自动化测试工具。该工具需同时实现对无线通讯仪和频谱仪的控制，这篇文章主要介绍一下频谱仪的控制！做通信的应该对频谱仪都不陌生，不过我之前做的都是软件相关行业，所以我对频谱仪其实还是很陌生的；不过好在我的同时们都很热心，加上仪器的文档，一段时间下来，也算是熟悉了一些。

xgh1951的博客 1万+

关于a标签点击两次才能触发的问题解决

最近写了一个python 表格导出excel ，前端技术超级薄弱，百度出来这个a标签拼接 $("#down").click(function () { "/record/downeventtag?interface="+interface+"&curdate="+time+"&event_tag=" +event_tag+"&event_subject=&

weixin_42237812的博客 6200

Ceres&OpenCV 单目相机标定（论文复现）

dayuhaitang1的博客 370

JS动态append之后点击事件无效

今天做项目用了append向HTML里面添加结构代码，代码添加之后，单击事件就没反应了。搞得我一脸懵逼，调了代码很久实在不行，我百度了一下才发现，append添加的节点单击事件是不会生效的。原因：原来append中的节点是在整个文档加载后才添加的，页面并不会为未来的元素初始化添加点击事件，所以使用这种方式动态添加的节点中的点击事件不会生效。解决方法：于是我只好改用事件代理来完成这次我的项目...

weixin_45127183的博客 2209

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件，这是C++版本的破解文件

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面，电脑运行连游戏界面都一样大小，很怀旧，很真实，（英文版）强烈推荐，很小的文件，很难才找到的。

jQuery 使用append动态添加的元素不触发已定义的 点击事件

1、问题描述：用 append 动态添加的元素不触发定义好的 点击事件，而原来页面上就有的元素可以触发 <div class = "tree"> <ul class = "tree_ul"> <a class="ne_font">弹窗</a> </ul> &l

qq_40797485的博客 1556

VC中sqlite的使用

在VC中对sqlite的使用，实现数据库大批数据的快速插入，读取数据库中的数据在ListCtrl中显示

js append html 后点击点击事件和样式不生效

最近在做一个点击一个按钮追加一行的功能时，发现通过js代码append 的html 的点击事件和页面样式不生效。 var tr = "<div id='appendDiv"+i+"' class='form-row'> " + " <div class='form-group col-1'><label>

zhengxiaoya2017的博客 1963

OV9734 DATASHEET，完整规格书

OV9734完整规格书，包括电气参数，尺寸规格，寄存器配置表等

获取js中动态append某标签的点击事件

1问题：js的append动态添加节点，添加后节点中的点击点击时无效2.比如在success中 $(".show").append("<a href="">单击我下载</a>"); $(".show a").click(function(){ alert(33333); }); //这里的单击无效没有打出33333，是因为append中的节点是在整个文档加载后才添

qq_38337245的博客 4126

解决append 添加元素无法触发事件的问题

用append 添加的元素如： function () { var userlist=['l1','l2','l3']; for(var i=0;i<userlist.length;i++) { $('#ul').append('<li alt="'+userlist[i]+'">userlist[i]</li>'); }添加后单...

weixin_33725807的博客 780

js动态append添加的节点点击事件无效

js动态append添加的节点点击事件无效问题

DUDUfine的专栏 1万+

echarts柱状图添加点击事件，但无法触发弹窗（不显示问题）

这种写法的问题在于点击事件用的是funtion，因为用了funtion后事件里的this指向就不是原来的指向了，所以即便this.dialogVisibleA的输出结果是true也不会触发打开弹窗。首先在el-dialog弹出框上加上append-to-body，然后将function改为=>写法。(还有另一种解决方案，就是在定义that=this，也可解决）

zhj1329000的博客 2331

append追加的元素无法触click点击事件

追加的HTML，使用click无法触发的解决办法 $("#XXX").append(_html); $(".panel-conf a").click(function () { //无法触发 }); 写法一：使用delegate来绑定未来元素进行触发 $(document).delegate(".panel-conf a", "click", function () { console.log("Hi"); })

qq_28332767的博客 1252

js ajax点击事件,jQuery ajax动态新增节点无法触发点击事件如何解决

在写ajax加载数据的时候发现，后面添加进来的demo节点元素，失去了之前的点击事件，如何解决此问题呢？下面小编给大家带来了jQuery ajax动态新增节点无法触发点击事件的解决方法，一起看看吧，希望能帮助到大家。在写ajax加载数据的时候发现，后面添加进来的demo节点元素，失去了之前的点击事件。为什么点击事件失效，我们该怎么去解决呢?其实最简单的方法就是直接在标签中写onclick=""，但...

weixin_39565777的博客 424

js append 进去的标签触发不了事件 on()方法的正确使用

js 我用的jquery 在做一个Bootstrap的项目时，遇到了一个问题，也是折腾了半天才解决。问题描述及解决方案： append() 进页面的标签无法触发 click 事件。必须要用 on() 方法解决。 APP 中接收数据代码：假设 a 标签是 append() 进去的动态标签（下面的方法是获取不到的） <div class="div1"> <a class='a1' href="javascript:;"></a> </div>

weixin_46010646的博客 826

页面append拼接的元素无法触发监听事件问题

我在#toolbarDiv里面拼接了一个按钮，发现拼接后监听事件无法触发，最后将监听事件换成如上写法解决了问题，#recallBtn是我拼接元素的id，仅作记录，供参考。

其乐大人的博客 321

上一篇：获得Java异常的堆栈信息

下一篇： dubbo的multicast模式出现无法连接的解决办法一则

解决jQuery使用append添加的元素事件无效的问题

10-18

今天小编就为大家分享一篇解决jQuery使用append添加的元素事件无效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

处理jQuery append加入的元素绑定事件无效的方法

qq_37273784的博客

10-29