jquery append event 채택완료
왕까마중
6년 전
조회 2,570
안녕하세요.
아래와 같은 코드가 있을때 복사버튼을 클릭하면
clcik
해당태그가
inner 쪽으로 복사가 됩니다.
원본 click 이벤트는 잘 먹는데
복사본 click 이벤트는 먹통이네요;;;
소스 코드를 봐도 동일한 class에 구조도 똑같고..
에러도 없고... 도움부탁드립니다.
원본
복사
$(".on").click(function(){
alert('클릭되었습니다.');
});
$(".el_copy").click(function(){
$('.inner').append('
복사본
');
});
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
6년 전
</p>
<p>$(".el_copy").on('click', function(){</p>
<p> $('.inner').append('<div class="on">복사본</div>');</p>
<p>});</p>
<p>요렇게 함 해보세요.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
왕까마중
6년 전
댓글을 작성하려면 로그인이 필요합니다.
6년 전
이렇게 하니 해결되었네요..
$(document).on('click','.on',function(){ alert('클릭되었습니다.'); });
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
핫워드
6년 전
네 위치가 바뀌었네요.ㅎㅎ
[code]
<div class='inner'>
<div class="on">원본</div>
</div>
<div class="el_copy">복사</div>
<script>
$(document).ready(function(){
$(document).on('click', '.on', function(){
alert('클릭되었습니다.');
});
$('.el_copy').on('click', function(){
$('.inner').append('<div class="on">복사본</div>');
});
}); // end of ready()
</script>
[/code]
[code]
<div class='inner'>
<div class="on">원본</div>
</div>
<div class="el_copy">복사</div>
<script>
$(document).ready(function(){
$(document).on('click', '.on', function(){
alert('클릭되었습니다.');
});
$('.el_copy').on('click', function(){
$('.inner').append('<div class="on">복사본</div>');
});
}); // end of ready()
</script>
[/code]
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
복사본에서
$(".on").click(function(){
alert('클릭되었습니다.');
});
해당 이벤트가 먹지를 않아서요.. 원본 on class click은 잘되는데;;