본문 바로가기

jQuery Masonry 3.x버전과 2.x버전

Publish: 2013년 9월 3일

반응형 웹, 미디어쿼리, 매트로 UI 등…
많은 사이트의 레이아웃으로 사용된 Masonry라는 멋진 Layout Library가 있습니다.
오픈 소스로 완성도가 꽤 좋아 많은 사이트에서 사용하고 있습니다.

masonry

Masonry 바로 가기: http://masonry.desandro.com

jQuery와 브라우저들의 빠른 버전업에 따라 Masonry도 버전 업데이트가 됐는데 새 버전 이후부터는 IE7을 지원하지 않습니다.
국내 사정상 IE7까지는 크로스브라우징 지원을 해야 하는데 그렇게 되면 Masonry v2.1.08(이하 구 버전)을 사용해야합니다.

구 버전 Masonry 바로 가기: http://desandro.github.io/masonry/(v2.1.08)

이전 버전 Masonry 적용시 주의사항

Masonry 구 버전을 사용할 시 jQuery 1.9.0 이상의 버전을 사용할 경우 브라우저 창을 resize할때 Uncaught TypeError: Cannot call method ‘apply’ of undefined라는 에러가 납니다.
Masonry 구 버전에서 jquery.event.handle를 사용하는데 jquery 1.9.0이상부터 지원하지 않습니다.
jQuery 1.8.3(1.8버전대 최종)을 사용하시면 에러가 생기지 않습니다.

TAG

댓글 1

  • chief2014년 9월 5일답변

    좋은 팁 감사합니다~~~

댓글 쓰기