jquery 동적 태그 작동이 안되네요

Question

안녕하세요 신입 개발자입니다$('#rptType').on('change', function() { $('#listBody').empty(); var rptType = $('select[name=rptType]').prop('selected', 'selected').val(); var html = ''; $.ajax({ type : "post", url : "/system/system/changeRptType", data : { "mstCd" : rptType }, dataType : "json", success : function(data){ var arrLength = data.length; var rptDtlList = []; for(var i = 0; i < arrLength; i ++) { html += ''; html += ' ' + data[i].dtlCd + ''; html += ' ' + data[i].name + ''; html += ' ' + data[i].useYn + ''; html += ''; } $('#listBody').html(html); }, error:function(request, status, error) { alert("code:"+request.status+" "+"message:"+request.responseText+" "+"error:"+error); } }); }); $('.pop').on('click', function() { ... } => 이 이벤트가 작동을 안하네요중간부분에 html 변수로 html 태그를 생성하는데 젤 밑에 줄 부분 이벤트가 작동을 안하는데 제가 잘못한걸까요? 아니면 원래 안되는 건가요?

codezzzz · Answer

$(document).on("click", ".pop", function() {})

ccat · Answer

에러로그를 보여주셔용

현명한별 · Answer

$('#listBody').html(html); $('.pop').off('click').on('click', function() { ... }

jquery 동적 태그 작동이 안되네요

3개의 답변

Q&A 목록