웹개발/front-end38 동적으로 생성 된 태그의 jquery 클릭 이벤트 적용 웹사이트 제작 시 주로 우리는 버튼 클릭 이벤트 JQUERY를 많이 사용합니다. 일반생성버튼 소스코드에서 fBtn ID를 가진 버튼은 jquery 클릭 이벤트가 정상 작동합니다. 그러나 자바스크립트로 동적 생성한 dBtn버튼은 클릭이벤트가 동작하지 않습니다. 이유는 jquery를 실행하기 위해 선언한 $(document).ready 는 초기화 함수로 웹페이지가 초기에 dom을 형성할때 최초로 실행 되기 때문에 일반생성버튼 클릭 후 생성 된 동적태그는 인지를 못합니다. 어떻게 처리를 해야 dom이 생성된 후 나중에 생성된 태그의 이벤트가 동작할까요? 그 방법은 btn2 ID의 div태그는에 답이 있습니다. dom을 초기에 불러올때 이미 btn2의 div는 생성이 되어이었습니다. 이 div안에 동적태그로 버.. 2024. 1. 26. 미디어 쿼리 요즘 웹은 관공서 사이트부터 해서 반응형웹 기술이 많이 사용되고 있습니다. 반응형 웹은 디스플레이 해상도에 따라 사이트의 레이아웃이 달라지는 기술입니다. 반응형웹의 근간이 미디어쿼리 기술입니다. CSS 기술이긴 하지만 퍼블리셔 친구 말을 들어보면 CSS보다 자바스크립트를 이용하여 반응형웹을 제작 한다 하더군요. 어찌되었든 미디어쿼리가 들어가야 디스플레이 사이즈에 따라 레이아웃이 달라지도록 설정 할 수 있습니다. 미디어 쿼리의 기본 구성은 아래 코드입니다. @media screen and (max-width:600px) { } @media 선언으로 미디어쿼리를 시작하며 그 뒤에는 media type이 들어갑니다. media type에는 all print screen 세가지 유형이 있습니다. and 구문 다.. 2024. 1. 22. 이전 1 ··· 7 8 9 10 다음