jquery动态增加的dom怎么绑定点击事件，新增的dom，点击无反应--用事件委托

最新推荐文章于 2022-11-13 19:53:08 发布
最新推荐文章于 2022-11-13 19:53:08 发布
阅读量244 收藏
点赞数
文章标签： javascript xhtml ViewUI
原文链接：http://www.cnblogs.com/banana618859/p/7541746.html
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery动态添加元素-事件绑定</title>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script type="text/javascript">
//事件绑定-事件委托
$(function(){
$("body").delegate('.wang', 'click', function(){
var addDom='<div class="wang" style="height: 20px; width: 30px; color:#fff;background:#333;">ddd</div>';
$(this).after(addDom);
});
});
</script>
</head>

<body>
<div class="wang" style="height: 20px; width: 30px; color:#fff; background:#333;">
1111
</div>

</body>
</html>

转载于:https://www.cnblogs.com/banana618859/p/7541746.html

weixin_34366546
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery实现DOM元素事件绑定
qq_54998648的博客
11-07 1422
jQuery实现DOM元素事件绑定
JQuery实现表格动态增加行并对新行添加事件
10-25
2. 使用事件委托，在表格上绑定`click`事件，处理新增行按钮的点击。 3. 当点击新增行按钮时，调用`addRow()`，并在新行中初始化`timepicker`（如果需要）。 4. 实现清除行数据的函数，用于删除或重置单元格的内容。...
jquery里面的DOM操作（查找，创建，添加，删除节点）
weixin_30820151的博客
08-18 167
一：创建元素节点（添加） 创建元素节点并且把节点作为元素的子节点添加到DOM树上 1.append(): 在元素下添加元素 　　用法：$("id").append("定义的节点"); 例如：var li1 = $("<li>橘子</li>"); 　　添加属性节点：$("<li class='test'>草莓</li>")...
jQuery DOM操作之删除节点
weixin_34345560的博客
03-02 87
为什么80%的码农都做不了架构师？>>> ...
jquery动态添加、删除dom元素
Sweet_Waf的博客
07-10 891
jquery动态添加、删除dom元素点击标签，在下方动态添加选中的元素及内容，再次点击标签，在下方动态删除选中的标签及元素 点击标签，在下方动态添加选中的元素及内容，再次点击标签，在下方动态删除选中的标签及元素 如图默认状态 点击1和2时，如图 再次点击1，效果如图 具体代码html代码如下： <div class="layui-card"> <div class=...
关于jquery无法为动态生成的dom元素添加点击事件的问题
峰行天下
06-02 860
页面上现有UL元素： 如下，在UL下追加LI元素： for (var i = 0; i < list.length; i++) { id = list[i].id; name = list[i].name; thumbnails = list[i].thumbnails; str = str + "" + name + ""; } $(
JS动态添加元素及绑定事件造成程序重复执行解决
11-27
这个Bug是关于jquery 的on方法绑交互事件，类似于$('#point').on('click','.read-more',function () {})这样的代码造成的程序重复执行，很多人在文章里写到了，也说了用off方法来解绑，但都未能点出问题的本质，几乎...
jquery 新建的元素事件绑定问题解决方案
10-25
在JavaScript和jQuery中，事件绑定通常是在DOM加载完成（即`$(document).ready()`或简写为`$(function() {})`）时进行的。然而，当动态创建新的DOM元素时，这些新元素不会自动继承已经定义的事件处理器。标题提到的...
jQuery创建动态事件.zip
07-04
在IT行业中，JavaScript库如jQuery极大地简化了网页的DOM操作和事件处理，使得开发者能够更加高效地构建交互式用户界面。jQuery创建动态事件是这个领域中的一个重要概念，它允许我们根据需要动态地添加和管理事件...
jquery-1.7
12-28
总结起来，jQuery 1.7不仅提升了性能，还引入了更先进的API和方法，让开发者能够更高效地编写JavaScript代码，尤其在处理DOM操作、事件绑定、动画控制以及AJAX请求等方面，jQuery 1.7无疑为Web开发带来了显著的便利...
jQuery点击按钮新增dom
liangyue1314的博客
11-13 509
在一个jQuery项目中，遇到了一个需求，即点击新增按钮进行新增一组输入框，点击删除删除一组输入框，如果是vue/react项目就可以很容易的去实现，也没有什么可以说的复杂操作，但是这是jQuery！废话少说直接上代码！
解决使用JQuery或JS动态添加的元素无法绑定事件的问题
地铁和人海
02-18 3537
在一个HTML中动态的添加一个元素，常用有两种方法：一个是js方法，一个是jquery方法。 他们都有的问题是动态创建的元素无法绑定已经写好的脚本。 也就是说，假如你为所有的按钮都绑定一个点击事件，当你新创建一个按钮，这个按钮却没有绑定点击事件。 这个跟用什么写的脚本无关，而是因为动态添加元素之前，页面和js已经加载完毕。事件也已经绑定了，而动态添加的新元素没有被绑定，所以也就响应不了请求。 ——...
JQuery给动态生成的DOM元素绑定点击事件
qj30212的博客
08-31 5635
最近做项目的时候，使用ajax调用后台数据来动态生成页面内容。然后在给那些内容绑定一个点击事件的时候，发现点击竟然无效了。原因是：ajax有个请求时间，无论是同步还是异步，JQuery进行的绑定都会在页面加载完后立刻进行，而不是等待ajax请求完。也就是说，绑定的元素绑空了。那这个问题怎么解决呢。方法如下： 在动态生成的时候绑定一个函数，并把对象传进去，如： strhtml = str
jquery为未加载的DOM元素（或许叫动态元素）绑定点击事件
Wetsion的博客
04-08 3239
      这两天公司要求把一些常用的组件进行封装，比如将bootstrap-table进一步封装（虽然我知道这有什么意义），在为table的操作栏里的编辑和删除标签绑定点击事件方法时，习惯性地写了使用这种：$(".delete").click(function(){ // ...操作 })但发现并没什么用，通过debugger发现，在编辑和删除标签还没加载出来时，js就已经走到了这里，但此...
jQuery动态创建的dom对象不能绑定事件的解决方法
dianshanban9429的博客
03-16 339
参照网上前辈： 方法一：绑定live事件 live(type,[data],fn) $(selector).live("click",function(){ 　　alert("点击了"); })； 但是测试无效，因为从 jQuery 1.7 开始，不再建议使用 .live() 方法。请使用 .on()来添加事件处理,到1.9已经不支持了 方法一：绑定on事件($(Pare...
动态添加DOM元素后，新元素jQuery点击事件失效【问题解决】
luckyriver的博客
10-09 606
bootstrap标签页内容窗格转换失效；动态添加DOM元素后，新元素jQuery点击事件失效
jquery为未加载的dom元素添加点击事件
夏微微的博客
12-18 755
点击搜索跳到筛选页面时，习惯的为筛选元素添加这种 $("#search-input").click(function(){ //操作 }) 后来发现筛选元素标签还没有加载出来，js就加载到这里，应该这样写 $("body").on('click', '#search-input',function(){ //操作 }) 将事件作用在整个body上，有点击操作时，查找目标target，满足条件就会执行 ...
jquery 循环生成dom绑定事件
最新发布
07-14
可以使用jQuery的`.each()`方法来循环生成DOM元素并绑定事件。下面是一个示例： ```javascript // 创建一个包含数据的数组 var data = [ { name: 'John', age: 25 }, { name: 'Jane', age: 30 }, { name: 'Bob',...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值