동적 태그생성 질문입니다..


// 여기에 작성해주세요
<!DOCTYPE html> <!-- 모바일 웹 페이지 설정 --> .fileBox .fileName {display:inline-block;width:190px;height:30px;padding-left:10px;margin-right:5px;line-height:30px;border:1px solid #aaa;background-color:#fff;vertical-align:middle} .fileBox .btn_file {display:inline-block;border:1px solid #000;width:100px;height:30px;font-size:0.8em;line-height:30px;text-align:center;vertical-align:middle} /.fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}/

추가 찾아보기

var uploadFile = $('.sss .fileBox .uploadBtn'); uploadFile.on('change', function(){ if(window.FileReader){ var filename = $(this)[0].files[0].name; } else { var filename = $(this).val().split('/').pop().split('\').pop(); } $(this).siblings('.fileName').val(filename); });

var fileCnt = 1; $('.btn_img_add').click(function() {

var img_html ='\ \ \ 찾아보기\ \ ';

$(".sss").append(img_html);

fileCnt++; })

왜 동적생성한건 파일값을 못가져올까여???? 너무 궁금합니다

  • 2017년 11월 04일에 작성됨

조회수 76


1 답변


동적 생성을 하면 해당 dom에 이벤트를 바인딩하셔야 자바스크립트 이벤트가 제대로 발생합니다. append하고 나서 새로생긴 dom에 이벤트를 다시 줘보세요.

  • 2017년 11월 04일에 작성됨
    프론트앤드, 임베디드 초보개발자입니다.

로그인이 필요한 기능입니다.

Hashcode는 개발자들을 위한 무료 QnA사이트 입니다. 작성한 답변에 다른 개발자들이 댓글을 작성하거나 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.
► 로그인
► 계정만들기
Close