博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery动态添加删除div--事件绑定,对象克隆
阅读量:6542 次
发布时间:2019-06-24

本文共 623 字,大约阅读时间需要 2 分钟。

我想做一个可以动态添加删除div的功能。中间遇到一个问题,最后在开发文摘 版主的热心帮助下解答了(答案在最后)     

   使用到的方法和思想就是:事件的绑定和销毁(unbind),另外还可以使用clone,通过克隆可以很好的解决这个问题          相关描述如下

功能:点击增加,自动添加一个iptdiv 点击 iptdiv后的 X 自动删除当前div

问题:默认存在的(也就是页面加载进来的)的那个iptdiv 后的 X 点击有效,可以删除当前 iptdiv  但是  动态添加进的 iptdiv 则点击没有效果。请各位大侠给看看,提供些意见。我要的就是动态添加和删除div 问题代码如下: 

增加图片
X
 

用方法的绑定侦听和销毁来解决动态div的增加删除:

正确代码:
这中间就是存在一个事件绑定的过程,如果没有的话通过js加进来的div内不事件并不会被执行,添加了侦听事件功能后才能正确运行
 

用的clone方法来解决动态div的增加删除:

这里还有更好的写法,我做了些许的修改,也许弄巧成拙了。 

X
增加图片
X

转载地址:http://rdsdo.baihongyu.com/

你可能感兴趣的文章
Pedestrian Attributes Recognition Paper List
查看>>
Windows Server 2008 IIS安装FTP及端口配置
查看>>
两条新闻 一条今年的 一条去年的
查看>>
关于仙剑Online
查看>>
需求:结合TOGAF做好需求获取工作
查看>>
ASP.NET MVC 3.0学习系列文章—Model in ASP.NET MVC 3.0
查看>>
学习Emacs系列教程(二):导航
查看>>
javascript深入理解js闭包
查看>>
asp.net前台绑定数据和后台绑定数据什么区别
查看>>
LINQ to DataSet实现复杂数据查询
查看>>
匈牙利算法学习 (名词理解 + 简单说明)
查看>>
原型模式
查看>>
c# 线程同步: 详解lock,monitor,同步事件和等待句柄以及mutex
查看>>
Android 程式开发:(廿二)服务 —— 22.1 自定义服务
查看>>
[置顶] ※数据结构※→☆线性表结构(queue)☆============队列 顺序存储结构(queue sequence)(八)...
查看>>
Log4perl 的使用
查看>>
[LeetCode] Contains Duplicate III
查看>>
Linux 系统的单用户模式、修复模式、跨控制台登录在系统修复中的运用
查看>>
《http权威指南》阅读笔记(十)
查看>>
JQuery UI Widget Factory官方Demo
查看>>