동적으로 추가된 콘텐츠에 클릭 버튼이 포함되어 있는데 jquery의 클릭으로는 실행할 수 없습니다
$('#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 이벤트를 사용하여 요소의 지정된 콘텐츠에 클릭 이벤트를 첨부합니다
$("#firstone").on("click",".deleteone",function () { alert(1234) $(this).closest(".layui-row").remove(); })
추천 튜토리얼: "JS Tutorial"
위 내용은 jquery의 클릭 이벤트를 사용하여 추가된 HTML 코드가 잘못되었습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!