JQuery 호환성 확보

JQuery 2.x 기반으로 작업을 했더니 몇몇 기능이 안된다는 문의가 들어왔다.

아무래도 이용 중인 브라우저 버전이 낮아서 그럴 것 같아서 호환성 문제를 찾아보니 역시나 JQuery 2.x에서 IE8 이하를 지원하지 않아서 발생하는 문제같다.

마이그레이션을 설치하면 된다고 하여 설치해 보았다.

https://github.com/jquery/jquery-migrate/#readme

일단 클릭해도 드롭다운메뉴가 나오지 않는 문제, 카트 버튼을 눌러도 카트에 담았습니다...라는 경고창이 안뜨는 문제는 해결.

아래의 코드도 삽입해서 버전별로 분기하도록 처리.

        <!--[if !IE]> -->

        <script src="/js/jquery-2.2.0.min.js"></script>

        <!-- <![endif]-->

        <!--[if lt IE 9]>

        <script src="/js/jquery-1.9.1.min.js"></script>

        <![endif]-->

        <!--[if gte IE 9]>

        <script src="/js/jquery-2.2.0.min.js"></script>

        <![endif]-->