Site Loader

LOCATION

VanY_Y

场景描述:在工作中遇到了这样一种情况,在给一个元素添加一个class样式,然后想通过这个样式去监控这个元素的事件,按道理讲应该是可以实现这样的需求的。下面我贴上一段测试代码,这个代码的意思是点击a标签给span元素添加test的class样式。然后下面一个事件则是监控具备test这个class元素的点击事件。当我们点
击a标签的时候,程序正常的给span加上了test这个class,但是,当我们点击span的时候会发现,不论怎么点击都没有弹出span元素的
text值。

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>关于动态添加class无法监听该class事件的解决方法</title>
</head>
<script type="text/javascript" src="jquery.min.js"></script>
<body>
	<div>
		<a href="javascript:;">点击添加testclass</a>
		<span>11111</span>
	</div>
</body>
</html>
<script type="text/javascript">
	$("a").click(function(){
		$("span").addClass("test");
	})
	$(".test").click(function(){
		alert($(this).text());
	})
</script>

经过查找资料,得知,jquery提供了live方法解决这个问题,用法如下

$(".test").lvie("click",function(){
	alert($(this).text());
})

添加代码后,我们再刷新页面,这时我们就可以看到弹窗显示1111了。

Post Author: Vany

我是一个喜欢追求技术的小伙,在大学开始之前,自己还是一个电脑白痴,对于电脑,只会开关机,但是由于自己的兴趣,我在选专业的时候,全部选择了计算机专业,其实我也不知道为什么这样不顾家人的反对去做这个决定。上了大学后,我在大一的时候开始接触计算机硬件,设计的领域包括了电脑维修,系统封装等等。在大二的时候,我才开始接触PHP,一开始的时候还不是很懂,也没什么资源,所以学习只能靠老师讲一些特别基础的东西。在大二的一段时间,自己对服务器特别感兴趣,但是资源问题,只能自己慢慢研究,后来通过各种百度,通过翻墙获得了自己的第一个域名,.top域名。后来还弄了一个免费的虚拟空间,在结合域名,我自己弄了一个静态的个人网站。大三的时候,我在网上找到兄弟连这个网站,网站上面有一些免费的视频,特别适合新人看。从那以后,我一直在看教学视频去提高自己的能力,在后来,经过面试八连碰壁,才发现自己之前学的是那么肤浅,而且工作也没有自己想象的那么简单,但是高兴的是,目前工作的那家公司录用了我,在这个公司我真的学会了很多东西,包括一些cms网站的建设啊,微商城开发啊,还有最让自己兴奋的就是微信接口的开发等等这些。即使学了不少东西,但有些时候还是会觉得自己还是个小白,所以我必须不断的提升自己

发表评论

电子邮件地址不会被公开。