오늘 마무리 작업 중인 쇼핑몰 솔루션을 테스트하는 과정에서 특정 안드로이드 기기에서 상품의 옵션을 선택했을 때 추가가 되지 않는 문제가 발견되어 급하게 수정을 했다. select 를 이용해 옵션을 선택하면 선택된 옵션이 동적으로 추가되는 것인데 일부 기기에서 옵션이 자동으로 추가가 되지 않았다. 웹접근성을 맞추기 위해 mousedown 이벤트가 일어나면 option_add 라는 변수를 true로 설정하도록 한 코드에서 문제가 생긴 …
보통 for 문을 사용하면 continue 나 break 를 사용하게 된다. 그런데 jQuery의 each에서는 continue와 break를 사용할 수가 없다. each 가 실행 중일 때 특정 조건에서 each 구문을 끝내거나 다음 조건으로 가게 하려면 어떻게 해야할까? break 나 continue를 사용하면 편한데 말이다. 다행히 each 에서 break 등을 사용할 수가 있다. return 구문을 사용하는 것이다. break 일 때는 …
폰트 사이즈를 변경하는 스크립트를 예전에 짠 적이 있는데.. 이걸 이번에 수정하면서 wrapper의 line-height 부분도 변경하도록 코드를 수정했다. 기본 크기로 변경시 line-height 부분도 기본값으로 변경을 해줘야 해서 wrapper의 기본 line-height 값을 .data()를 이용해 저장하도록 했는데 브라우저에 따라서 line-height 기본값이 normal 도 잡히는 경우가 있어 문제가 된다고 문의가 올라와서 inline으로 적용된 css 스타입을 초기화하도록 수정했다. jQuery를 이용해서 …
이전에 사용하던 Lightbox 플러그인이 XP + IE8 환경에서 이미지가 보이지는 않는 문제가 있어 다른 플러그인을 찾아보았고 WP jQuery Lightbox 플러그인 을 설치해서 사용 중이다. XP + IE8환경에서도 정상적으로 이미지는 출력되는 걸 확인했다. 그리고 애니메이션 효과도 마음에 든다. 개인의 취향이라 좋고 나쁨을 말할 수는 없지만 이전에 사용하던 Lightbox 플러그인 보다 더 좋은 것 같다. 마음에 들지 않는 …
오늘 코딩 작업을 하다 알게 된 것인데.. 이런 경우다. 쇼핑몰에서 상품문의와 사용후기를 jQuery load를 이용해 불러오는데.. 당연히 각각 페이징이 있다. 사용후기가 먼저 나오고 상품문의가 나오는 구조에서 페이징에는 pg_page라는 class를 가지고 있다. pg_page 에 click 이벤트를 지정해줬는데.. 이상하게 먼저 나오는 사용후기의 페이지 넘버를 클릭하면 아래쪽 상품문의 페이지도 함께 변경되는 것이다. 각각 데이터를 load 할 때 사용하는 …