Blog

2 August 2019

jquery 드래그 예제

이 기사가 도움이 되기를 바랍니다. 드래그 할 수 있는 및 드롭블과 jQuery UI는 여기서 다룬 것보다 훨씬 더 많습니다. 자세한 내용은 jQuery UI 웹 사이트를 참조하십시오. 사용자가 개체 A를 개체 B로 드래그한 다음 SQL 문을 발사하는 것을 기반으로 디자인을 승인하는 시스템을 만들었을 때 카드 끌기 코드를 사용했습니다. 내 아이디어는 모델을 참조하기 위해 드롭 위치에서 행 / 콜 좌표를 결정해야하지만, 당신은 드래그 상대의 위치 속성을 검사하여 다음 할 수 있습니다 테 축구장에 올바른 위치를 te에 드 번호를 드래그하는 것이었습니다 (또는 게임 그리드의 각 별도 셀에 대해 드롭 가능할 수 있음). 포함을 사용하면 컨테이너 개체 내에서만 드래그 가능한 HTML 개체를 드래그할 수 있습니다. 아래에 출원 : jQuery 태그 : 카드 게임, 드래그 앤 드롭, 드래그 및 드롭, 요소, 이벤트, 도우미, 자바 스크립트, jQuery, jquery UI, 옵션, 스타일링 마지막으로, 우리는 아이들을위한 간단한 드래그 앤 드롭 카드 게임을 구축하기 위해 함께이 모든 지식을 가져왔다. 3. 동일한 용기를 드래그 할 수 있고 떨어뜨릴 수 있습니까? 한 항목이 삭제된 후 와 같이 일부 규칙이 적용된 후 다른 항목을 같은 위치에 떨어뜨릴 수 없지만 이동한 경우 위치를 다시 사용할 수 있습니다. 왼쪽에 있는 오브젝트를 드래그하여 오른쪽의 오브젝트에 놓으면 결과는 다음과 같습니다. 내 목표는 사용자에 대 한 연습의 종류를 정렬에 대 한이 드래그 앤 드롭을 사용 하는 것입니다. 끌기 관리를 다시 활성화합니다.

요소를 다시 이동할 수 있습니다. 도우미 “복제”를 추가하려고했지만 슬롯으로 드래그 한 후에는 사라졌습니다. 나는 이것이 왜 일어나는지 확실하지 않지만 js가 아닌 HTML 파일에 div를 선언하기 때문일 수 있습니다. 보시다시피, 드롭 블러블의 드롭 이벤트에 응답하기 위해 handleDropEvent()라는 이벤트 처리기 함수를 만들었습니다. 끌어서 야 할 수 있는 이벤트와 마찬가지로 처리기는 이벤트와 UI 개체를 수락해야 합니다. 정말 좋은 데모. 파이어 폭스와 크롬에서 잘 작동, 하지만 드래그 앤 드롭 IE8.0에서 작동 하지 않았다. 작품의 좋은 조각. 태블릿에서 버전을 사용하고 싶습니다.

드래그 앤 드롭이 터치 에 민감하게 만들 수 있습니까? 위의 드래그 가능한 사각형 예제를 수정하고 몇 가지 옵션을 설정해 보겠습니다. 변경된 코드는 다음과 같습니다. 이 작업은 ondragover 이벤트에 대한 event.preventDefault() 메서드를 호출하여 수행됩니다. 이 드래그 및 드롭을 수정하려고 하면 각 숫자를 여러 슬롯으로 드래그 앤 드롭할 수 있습니다. 이것이 가능합니까? 누구든지 나에게 힌트를 줄 수 있습니까? 복잡해 보일 수 있지만 드래그 앤 드롭 이벤트의 모든 다른 부분을 통과 할 수 있습니다.

Bize Ulaşın