如何在js中调用append里面点击标签变化的函数

最新推荐文章于 2023-12-10 21:09:33 发布

宁波数联软件有限公司

最新推荐文章于 2023-12-10 21:09:33 发布

阅读量2k

点赞数

分类专栏： js 前端开发文章标签：如何在js中调用append里面点击标签

本文链接：https://blog.csdn.net/kai_wei/article/details/52883111

版权

本文介绍如何在JavaScript中处理动态添加元素后的点击事件，特别是在使用append方法追加HTML内容后，确保新添加的li标签能响应点击并触发相应变化。

摘要由CSDN通过智能技术生成

在html中可以直接点击标签li，在<script></script>加入如下代码

$(".dev_topcoli").click(function(){
  if($(this).find("img").attr('src')=='images/light_a.png'){
  $(this).find("img").attr('src',"images/light_b.png");
  }
  else{
   $(this).find("img").attr('src',"images/light_a.png");
  };
  
	  //   $(this).find("img").attr('src',$(this).attr('src')=='images/light_a.png'?'images/light_b.png':'images/light_a.png':"");
	}

而在js中append中追加后达不到这样的效果，在js中增加如下代码：

$(".dev_topcoli").live("click", function() {
	if ($(this).find("img").attr('src') == 'images/light_b.png') {
		$(this).find("img").attr('src', "images/light_a.png");
		
	} else {
		$(this).find("img").attr('src', "images/light_b.png");
	
	}
});