LogTree

야후 콤보 핸들러란 야후! 콤보핸들러는 YUI(야후! 사용자 인터페이스)를 CDN (Content Delivery Network:컨텐츠 전송 네트워크)에서 배포하기 위해 개발되었습니다. YUI 파일을 웹사이트에서 이용하려면 콤보 핸들러 뒤에 파일을 쓰면 되고, 쓸 수 있는 파일 수에는 제한이 없습니다. 예를 들어 다음 URL은 파일 두 개를 불러옵니다. http://yui.yahooapis.com/combo?2.7.0/build/yahoo/yahoo-min.js&2.7.0/build/event/event-min.js 이 URL은 yahoo-min.js 파일과 event-min.js 파일의 2.7.0 버전을 불러옵니다. 이 파일은 서버에 따로 저장되어 있지만, 이 URL을 요청할 때 하나로 합쳐집니다. 사..

jQuery in Action 2/E 셀렉터 등 정리(베어바이볼트, 예후다 카츠) 표) jQuery에서 지원하는 기본 CSS 셀렉터예제설명*모든엘리먼트와 일치E태그명이 E인 모든 엘리먼트와 일치E FE의 자손이면서 태그명이 F인 모든 엘리먼트E > FE의 바로 아래 자식이면서 태그명이 F인 모든 엘리먼트와 일치E + FE의 형제 엘리먼트로 바로 다음에 나오는 엘리먼트 F와 일치E ~ FE의 형제 엘리먼트로 바로 다음에 나오는 모든 엘리먼트 F와 일치E.C클래스명 C를 가지는 모든 엘리먼트 E와 일치.E의 생량은 *.C와 동일함.E#I아이디가 I인 엘리먼트 E와 일치. E의 생략은*#I와 동일함.E[A]어트리뷰트 A를 가지는 모든 엘리먼트 E와 일치E[A=V]값이 V인 어트리뷰트 A를 가지는 모든 엘리먼트..

jQuery로 Scroll이 멈추는 시점에 특정 함수를 호출하도록 하는 스크립트입니다. $.fn.scrollStopped = function(callback) { var that = this, $this = $(that); $this.scroll(function(ev) { clearTimeout($this.data('scrollTimeout')); $this.data('scrollTimeout', setTimeout(callback.bind(that), 250, ev)); }); }; $(window).scrollStopped(function(ev){ console.log(ev); alert('scroll stopped'); });

화면크기가 다양한 모바일기기에서 동적인 웹서비스를 위해 Width값 100%로 지정되어 있는 이미지의 높이값을 구하는 로직이 있었으나 Height 값이 0으로 리턴되는 문제가 발생하였다. 이미지가 로딩되기 전에 Height값을 가져오는 것이 문제였으며, 아래의 글을 참고하여 이미지 로딩이 완료 된 후 Height값을 가져오도록 변경하여 해결하였다. 참고로 $(document).ready() 함수를 이용해 이미지의 높이 값을 가져오지 않도록 주의하여야 한다.ready() 함수가 실행되는 시점은 DOM이 완전히 로드된 시점을 의미하는 것이지 렌더링이 완료된 시점을의미하지 않는다.$(window).load() 함수는 렌더링이 완료된 시점에 실행되는 함수이다. ready()와 load() 함수를 혼동하여 사용하..