<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복사하기 버튼 옆에 주소가 사라지지 않습니다.

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