FEDev Story

제이쿼리에서는 이벤트 핸들러의 반환값을 검사해 이벤트 처리를 계속할 지 결정한다. 제이쿼리의 이벤트 핸들러에서는 주로 false를 반환한다. 이 반환 값은 다음 세가지 행동을 수행한다. 제이쿼리가 기본 동작(링크 따라가기, 텍스트 선택 등)을 수행하지 않게 한다. 이벤트 핸들러에서 event.preventDefault()를 호출하더라도 이와 같은 효과를 누를 수 있다. 제이쿼리가 부모 DOM 엘리먼트에서 같은 이벤트를 트리거(이런 동작을 버블링이라 한다)하는 일을 멈추게 한다. 이벤트 핸들러에서 event.stopPropagation()를 호출하더라도 이와 같은 효과를 누릴 수 있다. 해당 이벤트 핸들러 실행을 종료한다. 클릭한 엘리먼트가 이 핸들러 다음에 다른 핸들러에도 연결돼 있다면 순서상 다음번 핸..

baidu map api를 사용하는 페이지와 같이 ajax error 경고창이 뜨는 경우, ajax 리퀘스트를 보내고 응답을 받는 도중 새로고침을 하면 에러 메시지가 출력되는 현상이 있다. 아래와 같이 조건문을 넣어줌으로써 에러 메세지가 출력되는 것을 방지할 수 있다. $.ajax({ /* ajax options omitted */ error: function (xmlHttpRequest, textStatus, errorThrown) { if(xmlHttpRequest.readyState == 0 || xmlHttpRequest.status == 0) return; // it's not really an error else // Do normal error handling });

엘리먼트가 data- 속성을 가지고 있다면 data- 속성을 이용하여 엘리먼트를 다음과 같이 선택하여 스크립트 작업을 수행할 수 있다. Search Advanced Search var yOffset = $('[data-section="search"]').hasClass('dark') ? 300 : 500; $content.height(yOffset);