프로그래밍/jQuery (12) 썸네일형 리스트형 [jQuery] radio 라디오 버튼 이전 선택 (confirm 취소시 선택값 되돌리기) 라디오 버튼 선택 값을 이전 선택 값으로 되돌려보자 라면/피자 라디오 버튼이 있다. 값을 선택했을때 "변경하시겠습니까?"라는 확인창이 뜨는데 확인을 선택 시 해당 선택 값으로 변경되고, 취소를 선택시 선택 값이 변경되지 않고 기존 값으로 유지된다. 라면 피자 [jQuery] ajax로 불러온 엘리먼트의 이벤트가 작동되지 않을 때 해결방법 ajax로 불러온 엘리먼트의 이벤트가 작동되지 않을때 해결 방법 ... ggmouse 위의 코드는 정상적으로 작동이 된다. 그러나! ajax사용 후 불러온 후의 클릭이벤트가 동작하지 않는다. 즉, 아래와 같은 경우를 봐보자 해결방법 $("#chk_id").click(function (e) { console.log("check!!"); }); 코드가 위와같이 작성되어 있다면, 아래와 같이 바꿔보자 $(document).on("click", "#chk_id", function (e) { console.log("check!"); }); 완성 코드 [jQuery] bind(), unbind(), on(), off() 이벤트 등록 및 해제 bind, unbind bind는 jquery의 이벤트 설정 메서드이고, unbind는 jquery의 이벤트 해제 메서드이다. jquery 1.7부터 bind/unbind가 개선되어 나온 것이 on/off 메서드이다. click! 아래와 같이 unbind와 bind를 한 번에 사용할 수도 있다. click! [jQuery] ajaxStart, ajaxStop 실행 및 특정 ajax에서는 실행되지 않도록 설정 ajaxStart(), ajaxStop() ajax 요청 시작부터 응답 완료까지 단계별로 콜백 함수가 실행된다. ajaxStart는 ajax요청 시작 직후 실행되고, ajaxStop은 ajax응답 완료 후 성공여부와 관계없이 실행된다. Global Ajax Event Handlers의 전체 콜백 함수 ...더보기 ajaxStart() → ajaxSend() → ajaxSuccess()/ajaxError() → ajaxComplete() → ajaxStop() ajaxStart() - ajax요청 시작 직후 최초 실행 ajaxSend() - ajax요청 보내기 전 실행 ajaxSuccess() - ajax요청이 성공했을때 실행 ajaxError() - ajax요청이 에러가 났을 때 실행 ajaxComple.. [jQuery] document ready, window load document ready와 window load의 실행순서 $(window).load(function(){ console.log("window load"); }); $(document).ready(function(){ console.log("document ready"); }); 웹 문서를 읽어, DOM이 생성되면 document ready가 실행되고 이후 이미지를 포함한 요소들이 로드되어, 페이지 로딩이 완료되면 window.load가 실행된다. document ready > window load document ready - 이미지, 외부 리소스와는 상관없이 DOM (Document Object Model)이 생성 직후 실행된다. - 중복 사용하여 실행할 경우 선언한 순서대로 실행된다. window.. 이전 1 2 3 다음
