$('#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事件无效的详细内容。
