게시글 쇼셜공유 하기 에서 url 복사 버튼 관련 문의 드립니다.

<button type="button" id="copy-url">URL 복사하기</button><input id="my-url" type="text" value="<?php echo esc_url($_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'])?>">
<script>
jQuery(document).ready(function(){
	jQuery('#copy-url').click(function(){
		var url = document.getElementById('my-url');
		
		url.select();
		document.execCommand('Copy');
		alert('URL 이 복사 되었습니다.');
	});
})
</script>


#my-url { position: absolute; top: 0; left: 0; margin:0; padding: 0; width: 1px; height: 1px; border: 0; }

위 코드를 레이아웃에  넣고   css 맨 아래 부분 코드를 넣었는데도, url복사하기 버튼 옆에 주소가 사라지지 않습니다.

어느 부분을 확인 해봐야 할까요?

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요