jquery append event
본문
안녕하세요.
아래와 같은 코드가 있을때 복사버튼을 클릭하면 <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
$(".el_copy").on('click', function(){
$('.inner').append('<div class="on">복사본</div>');
});
요렇게 함 해보세요.
append 는 제대로 되는데
복사본에서
$(".on").click(function(){
alert('클릭되었습니다.');
});
해당 이벤트가 먹지를 않아서요.. 원본 on class click은 잘되는데;;
이렇게 하니 해결되었네요..
$(document).on('click','.on',function(){
alert('클릭되었습니다.');
});
네 위치가 바뀌었네요.ㅎㅎ
<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>
답변을 작성하시기 전에 로그인 해주세요.