jquery ui touch

jquery-ui 에는 많은 기능들이 들어가있다.

Draggable, Droppable, Resizable, Selectable, Sortable.. 등등 엄청 많다.

이것들을 응용하면 무한하게 결과물을 만들어낼 수 있다.

jquery-ui 사이트 : http://jqueryui.com/

오.. 캡쳐뜰라고 화면 줄였는데, 반응형웹으로 구성되어 있다.

jquery-ui 에서 가장 많이 쓰이는 기능은 Draggable과 Droppable 이라 할 수 있겠다.

Droppable 예제 : http://jqueryui.com/droppable/

이렇게 마우스로 테스트 해볼 수 있게 예제가 마련되어 있다.

Droppable 이외에도 많은 기능들에 대한 예제들이 있으니 직접 방문해보기를 권한다.

자, 그러나 요즘은 모바일 기기를 많이 사용하기 때문에, 모바일에서도 터치슬라이드로 사용할 수 있게 하는것이 중요하다.

jquery-ui를 터치로도 사용 가능하게 도와주는 라이브러리가 있다.

바로, touchpunch 라는 라이브러리!

touchpunch 사이트 : http://touchpunch.furf.com/

이렇게 사용 방법이 설명되어 있다.

그리고 이렇게 친절한 예제도 나와있다.

여러가지 유용한 예제들 중에 자신의 웹페이지에 맞게 응용해서 쓰면 된다.