首页 > 文章资讯 > 站长教程 > 建站知识 > jquery为动态的生成的HTML添加点击事件的解决方法

jquery为动态的生成的HTML添加点击事件的解决方法

时间：2023年10月14日

来源：网络

编辑：佚名

本文给出了一个例子来描述jQuery动态生成的元素绑定事件操作。分享给大家参考，如下：
在这段时间里，我在写代码的时候遇到了一个问题。click事件不适用于append()添加的节点。当时我百思不得其解，找不到出错的原因。后来发现是动态生成节点的问题，或者说我没有经验。
让我们总结一下这个问题的来龙去脉，吸取过去的教训。
先看看点击绑定事件的效果。
创建一个按钮来生成一个新的节点
按钮创建/按钮绑定点击事件
$(".info").on("click",'.jr',function(){
var gl=parseFloat($(this).attr("gl"));
var totalnum=parseFloat($(".totalnum").html());
var total=totalnum+gl;
$(".totalnum").html(total.toFixed(2));
var maxnum=parseFloat($(".maxnum").html());
if(gl>maxnum){
$(".maxnum").html(gl.toFixed(2));
}
var xh=$(".xh").html();
var color=$(this).attr("color");
var gy=$(".gy").html();
$(".gy").html(gy+'<span class="gyitem" gl="'+gl+'" alt="点击可删除">'+xh+'-'+color+'<i class="layui-icon layui-icon-close myred">');
});</i class="layui-icon layui-icon-close myred"></span class="gyitem" gl="'+gl+'" alt="点击可删除">

新闻资讯更多

猜你需要