PC에서는 크게 문제가 없는데,

 

이상하게 모바일에서만 문제가 발생했습니다.

 

jquery-ui 기능 중 sortable(드래그앤 드롭 테이블 정렬) 기능이 작동을 안하는 겁니다.

 

당연히! 모바일에서는 터치이기 때문에 작동하지 않는 것은 당연합니다.

 

하지만, jquery.ui.touch-punch 플러그인을 사용하게 되면 모바일의 터치를 인식하여 드래그앤 드롭이 가능하게 됩니다.

 

그런데, 이상하게 예제 파일에는 문제가 없지만 XE 에서는 제대로 작동을 하지 않더라구요... 

 

 

그래서 해당 부분을 빼내서 하나씩 지워보기로 했습니다. (뭔가 js의 충돌로 의심했기에)

 

원인은 바로 jquery-ui.min.js 이였습니다.

 

정확히는 코어에 내장된 /common/js/plugins/ui/jquery-ui.min.js 에 있는 녀석이지요.

 

근데 더 정확히는 이 녀석이 문제가 아닙니다..! (엥?!)

 

바로 코어에 기본으로 설치되어 있는 resize_image 애드온 때문입니다.

 

왜 .js 파일이 문제가 아니냐면...! 해당 파일을 교체해도 마찬가지로 터치가 인식이 안됐거든요..!

 

그래서 저 해당 파일이 어디서 호출되는 지 체크해봤는데, 바로 resize_image 애드온에서 호출하더라구요.

 

그냥 간단하게 해당 애드온을 날려버렸습니다. 그랬더니 정상적으로 작동합니다..!

 

(물론 jquery-ui는 별도로 로드)

 

아무튼, 별 건 아니지만, 상당히 이것 때문에 고충이였는데,

 

생각보다 쉽게 해결되서 다행이네요...

 

 

역시 애드온은 무섭습니다...ㄷㄷ

하늘희

profile
てててててて