웹 페이지의 버튼 이동

버튼 격자가있는 사이트를 만들고 있는데, 버튼을 다시 구성 할 수있는 가장 좋은 방법은 무엇인지 궁금합니다. 드래그 앤 드롭 기능을 통해 버튼의 위치를 교체하는 것만으로 그리드의 레이아웃을 유지하고 싶습니다. 이 일을하는 몇 가지 자바 스크립트/jquery 방법이 있다고 가정하지만 약간 녹슬 었어.웹 페이지의 버튼 이동

출처

2013-05-31 Ryan Sayles

이것은 [여기를보세요] (http://jqueryui.com/draggable/#snap-to) –

버튼과 아무 관련이 없습니다. 버튼을 제 객체로 사용하고 있습니다 만, 감사합니다. –

jQueryUI을 사용하는 것이 좋습니다. 사용하기 간편합니다.

그냥이 기능을 사용

$(function() { 
    $("#sortable").sortable(); 
    $("#sortable").disableSelection(); 
});

을 그리고 외부 스크립트와 CSS를 링크하는 것을 잊지 마세요.

다음은 예 : jsFiddle입니다.

출처

2013-05-31 12:19:04

당신은 드래그가 멈추어야하는 특정 영역에 드래그 가능하고 스냅 할 필요가 있습니다.

Jquery UI을 참조하십시오.

여기이 지금 도움이 actual drag and drop to the snap object

희망이며, 완벽하게 사용자의 요구에 맞게합니다. Masonry Vanilla : 당신은 카테고리 별 및 추가 기능으로 분류 한 후 싶다면

출처

2013-05-31 12:07:08 Nitesh

이 그것이 가능한 다양한 크기

당신은 jQuery로하지만 아웃 jQuery로 같은 버전에 갈 수있을 수 있도록 Isotope 를 사용할 수 있습니다

이것은 또한 브라우저가 나는 또한 그것을 할 수있는 쉬운 방법으로 jQuery를 UI를 추천

출처

2013-05-31 12:11:40

크기를 조정 할 수 있습니다. 정렬 가능한 상호 작용 확인 http://jqueryui.com/sortable/

출처

2013-05-31 12:12:19

나는 그것을한다고 가정하지만, 모바일 장치에서도 정렬 작업을 할 수 있습니까? 모바일 API에서 찾을 수 없습니다. –

웹 페이지의 버튼 이동

답변

관련 문제