안녕하세요.
아래와 같은 코드가 있을때 복사버튼을 클릭하면 <div class="on">clcik</div> 해당태그가
inner 쪽으로 복사가 됩니다.
원본 click 이벤트는 잘 먹는데
복사본 click 이벤트는 먹통이네요;;;
소스 코드를 봐도 동일한 class에 구조도 똑같고..
에러도 없고... 도움부탁드립니다.
<div class='inner'>
<div class="on">원본</div>
</div>
<div class="el_copy">복사</div>
$(".on").click(function(){
alert('클릭되었습니다.');
});
$(".el_copy").click(function(){
$('.inner').append('<div class="on">복사본</div>');
});
답변 2개 / 댓글 2개
채택된 답변
+20 포인트
2018-11-21 (수) 11:39:43
Copy
$(".el_copy").on('click', function(){
$('.inner').append('<div class="on">복사본</div>');
});요렇게 함 해보세요.
답변에 대한 댓글 1개
2018-11-21 (수) 11:43:48
2018-11-21 (수) 11:48:36
이렇게 하니 해결되었네요..
$(document).on('click','.on',function(){
alert('클릭되었습니다.');
});
답변에 대한 댓글 1개
2018-11-21 (수) 12:05:03
네 위치가 바뀌었네요.ㅎㅎ
[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은 잘되는데;;