jquery 드래그 앤 드롭 예제

Tempo de leitura: menos de 1 minuto

0 Flares Filament.io 0 Flares ×

시작: 드래그를 시작하면 한동안 작동하는 함수입니다. 개체를 길게 잡으면 개체가 작동하고 다시 끌 때까지 작동하지 않습니다. 사용자가 요소를 끌 때 드래그가 시작되고 중지된 시기와 요소의 새 위치를 알고 자하는 경우가 많습니다. 이벤트 처리기를 드래그 작업에 의해 트리거되는 다양한 이벤트에 바인딩하여 이 작업을 수행할 수 있습니다. http://stackoverflow.com/questions/3694631/html5-drag-and-drop-between-windows 제자리에 잠긴 카드를 다시 드래그하여 다른 드롭 대상(드래그 가능)으로 드래그하거나 실패할 경우 이전 위치로 되돌리는 방법 (되돌리기) 코드에서 drop 함수를 사용했습니다. 드래그 가능에는 3개의 함수가 있으며, 드롭페블에는 1개의 기능만 있습니다. 드롭 이벤트에서 새 창을 열 수 있습니다. 되돌리기 이름에서 이해할 수 있듯이 오브젝트를 드래그한 후 시작 위치로 돌아갈 수 있는 기능입니다. 보드 사각형을 떨어 뜨릴 수 있고 재생 조각을 드래그 할 수 있게하면 조각을 사각형에 떨어 뜨릴 때 handleDrop 함수에서 조각 색상과 그리드 참조를 해결할 수 있어야합니다 (드래그 가능 및 드롭 모두에 대한 참조를 제공합니다. pable) 내 목표는 사용자에 대 한 연습의 정렬 에 대 한이 드래그 앤 드롭을 사용 하는 것입니다. 기본적으로 커서는 드래그된 요소의 중심에 나타납니다. 커서 및 커서At 옵션을 지정하여 커서 스타일과 위치를 변경할 수 있습니다. 작품의 좋은 조각.

태블릿에서 버전을 사용하고 싶습니다. 드래그 앤 드롭이 터치 에 민감하게 만들 수 있습니까? 페이지에 끌어서 놓기 기능을 추가하려면 jQuery 라이브러리와 jQuery UI 플러그인을 모두 포함해야 합니다. jQuery UI는 드래그 앤 드롭을 포함하여 모든 종류의 유용한 사용자 인터페이스 위젯, 효과 및 동작을 추가하는 jQuery에 대한 환상적인 플러그인입니다. 안녕하세요 매트, 나는 jQuery에서 드래그 앤 드롭 기능에 대한 자습서를 좋아했다. 내가 우연히 만난 한 가지 문제는 드롭이 발생했을 때 끌어 올 수있는 객체의 부모 div를 다시 할당하는 것이었습니다. 당신은 어떤 위치 이상한 얻을 수 있습니다. 이 작업은 ondragover 이벤트에 대한 event.preventDefault() 메서드를 호출하여 수행됩니다: 모델을 참조하기 위해 드롭 위치에서 행/col 좌표를 결정해야 하지만 끌어서 놓을 수 있는 위치 특성을 검사하여 수행할 수 있습니다. (또는 게임 그리드의 각 별도 셀에 대해 드롭 가능할 수 있음)을 기준으로 합니다. $( “.선택기”).드래그 가능(“옵션”, “도우미”, `복제`); 이제 또 다른 문제가 생겼습니다. 내 자바 스크립트는 파이어 폭스, 크롬, 사파리, IE 8에서 완벽하게 작동하지만 IE 7에서는 작동하지 않습니다. IE 6에서 시도하지 는 않았지만 작동하지 않는다고 생각합니다.

이미지를 선택하고 드래그할 수 없습니다. 어떤 아이디어? 끌어서 놓을 수 있는 에 떨어뜨리면, 낙하 할 수 있는 것은 드롭 이벤트를 발사합니다. drop 이벤트에 대한 이벤트 처리기 함수를 작성하여 드롭 가능에 떨어뜨린 드래그를 확인할 수 있습니다. 빠른 생각 – 사용자가 카드를 드래그 하기 시작할 때 복제를 만드는 것이 더 의미가 되지 않을까요 (드래그 가능 의 `시작` 이벤트), 카드를 삭제 하는 경우 보다는 (드롭 `드롭` 이벤트)? 도우미 “복제”를 추가하려고했지만 슬롯으로 드래그 한 후에는 사라졌습니다.

Os comentários foram encerrados, mas trackbacks e pingbacks estão abertos.