您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

追加的html代码使用jquery的click事件无效

2025/12/8 13:30:01发布14次查看
在动态增加的内容中包含点击按钮,但是通过jquery的click无法触发
$('#addone').click(function () {var appendstr= </p>\n + <p class=\"layui-col-md4\" >\n + <p class=\"layui-btn-container\" style=\"margin-left: 20px\">\n + <button class=\"layui-btn layui-btn-sm deleteone\">\n + <i class=\"layui-icon\"></i>\n + </button>\n + </p>\n + </p>\n + </p>;$(#firstone).append(appendstr)});$(#firstone).on(click,.deleteone,function () {alert(1234)$(this).closest(.layui-row).remove();})
比如通过id为 addone 的按钮向id为 firstone 的p中动态加入一个包含class为deleteone 的按钮的p,点击这个按钮可以触发事件,但是发现
$('.deleteone ').click(function () {})
没任何反应
现在需要使用到jquery的on事件,通过把click事件向元素中的指定内容附加
$(#firstone).on(click,.deleteone,function () {alert(1234)$(this).closest(.layui-row).remove();})
推荐教程:《js教程》
以上就是追加的html代码使用jquery的click事件无效的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product