解决Jquery向页面append新元素之后事件的绑定问题
2024-08-24 15:35:52
/*经过用户技能标签增加样式*/
$(".s-edited").live("hover",function(){
$(this).toggleClass("borderd");
})
===================================
<!DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
>
<html>
<head>
<meta http-equiv=
"Content-Type"
content=
"text/html; charset=UTF-8"
>
<title>测试</title>
<script type=
"text/javascript"
src=
"../resources/js/jquery-1.11.1.min.js"
></script>
<script type=
"text/javascript"
>
$(
function
(){
//动态添加
$(
".add"
).on(
"click"
,
function
(){
console.log(
"进来了"
);
$(
".info"
).append(
'<div class="delete"><h3>单击我来删除我</h3></div>'
);
});
//对动态添加的元素添加事件-删除
$(
".info"
).on(
"click"
,
".delete"
,
function
(){
console.log(
"进来了Delete!"
);
$(
this
).remove();
});
});
</script>
</head>
<body>
<h2 class=
'add'
>单击我添加动态元素</h2>
<div class=
"info"
></div>
</body>
</html>
以上代码就是本文对jquery append 动态添加的元素事件on 不起作用的解决方案,希望对大家学习有所帮助。
最新文章
- python cookbook 学习系列(一) python中的装饰器
- JAVA方法03之动手动脑问题解决
- Java -- 在Eclipse上使用Hibernate
- mysql中的if判断
- 【LeetCode】27 - Remove Element
- Unity3D–Texture图片空间和内存占用分析(转载)
- xtrabackup原理1
- 漏洞大爆光:QQ漏洞、飞秋漏洞、360浏览器劫持…
- Linux程序设计 读笔1
- Android APP性能测试笔记(二)
- shell 一
- 在golang中使用 cgo,如何让被嵌入的c语言代码调用golang
- 2.13 C++拷贝构造函数
- PHP 获取某年第几周的开始日期和结束日期的实例
- 【Codechef FRBSUM】【FJOI2016】【BZOJ4299】【BZOJ 4408】 可持久化线段树
- TensorFlow笔记-01-开篇概述
- MySQL学习笔记:case when
- IntelliJ IDEA常用设置(转)
- CSS Text(文本)
- hashMap的具体实现
热门文章
- Property&#39;s synthesized getter follows Cocoa naming convention for returning
- excel 单元格内容太多,替换有问题
- cocos2d-x retain和release倒底怎么玩?
- Linux学习16-CentOS安装gitlab环境
- POJ 1135 Domino Effect (Dijkstra 最短路)
- spring websocket自动断开连接再创建引发的问题解决方案
- Java并发编程的艺术(五)——中断
- 限制EditText必须输入中文的方法
- 用纯JAVA代码来创建视图
- SKU与SPU