jquery 드래그 예제

Off
Non classé

이번에는 슬롯이 끌어서 있는 카드를 받을 수 있도록 droppable() 메서드를 호출합니다. 셀렉터 « #cardPile div »와 함께 accept 옵션을 사용하여 슬롯이 숫자 카드만 수락하고 다른 드래그 가능한 요소는 허용하지 않도록 합니다. hoverClass 옵션에는 드래그 할 수 있는 마우스를 가져가면 CSS 클래스가 드롭 가능한 클래스를 추가합니다. 마지막으로 사용자가 드롭 할 수있는 카드에 카드를 떨어 뜨릴 때 트리거되는 handleCardDrop ()이라는 드롭 이벤트 처리기를 설정합니다. 다음에 이 처리기를 작성하겠습니다. 안녕, 나는 드래그하고 삭제할 객체가 덮개 이미지 아래에있는 상황이있습니다. 나는 그 아래 드래그 개체, 어떤 아이디어로 상단 이미지에서 드래그의 초점을 이동하는 방법을 모르겠어요? @Paul11: jQuery UI 사이트는 참조에 적합하지만 끌어서 놓기 AFAIK에 대한 소개 자습서가 없습니다. 바라건대 내 튜토리얼은 어느 정도이 간격을 채웁니다. 🙂 이제 두 개의 창 (동일한 브라우저) 또는 창에서 두 개의 프레임 사이에 드래그 앤 드롭 기능을 찾고 있습니다. jQuery UI 설명서를 보았고이 기능을 작동할 유용한 개체 또는 방법을 찾지 못했습니다. 지금까지 사용자가 페이지를 드래그할 수 있도록 요소를 드래그 할 수 있도록 하는 방법을 배웠습니다.

또한 이벤트를 사용하여 드래그 앤 드랍에 응답하는 것도 살펴보았습니다. 정말 좋은 데모. 파이어 폭스와 크롬에서 잘 작동, 하지만 드래그 앤 드롭 IE8.0에서 작동 하지 않았다. 많은 감사 매트, 나는이 « 드래그 옵션 추가 »자습서를 통해 갔다, 봉쇄를 사용하여 코드를 변경 : `#content`, 스냅 : `#content`와 ………. 내 문제는 해결된다! 3. 동일한 용기를 드래그 할 수 있고 떨어뜨릴 수 있습니까? 한 항목이 삭제된 후 와 같이 일부 규칙이 적용된 후 다른 항목을 같은 위치에 떨어뜨릴 수 없지만 이동한 경우 위치를 다시 사용할 수 있습니다. 가능한 n00b 질문에 대한 사과하지만 카드 게임 예제의 첫 번째 숫자 배열을 문자열 배열로 변경하는 방법을 사용하여 카드를 올바르게 일치시도록합니다. 즉, 이 배열 변경: 왼쪽에 있는 개체를 드래그 하 고 오른쪽에 있는 개체에 놓으면 결과는 다음과 같습니다.

빠른 생각 – 사용자가 카드를 드래그 하기 시작할 때 복제를 만드는 것이 더 의미가 되지 않을까요 (드래그 가능 의 `시작` 이벤트), 카드를 삭제 하는 경우 보다는 (드롭 `드롭` 이벤트)? 좋은 예였지만 개념을 좀 더 깊이 파고들어 있는 다른 리소스를 알고 있는지 궁금했습니다. 나는 정말 그것을 낳는 어떤 튜토리얼이나 훈련을 건너 오지 않았다. 도우미는 원래 요소 대신 드래그되는 요소입니다. 원래 요소를 그대로 두려는 경우 유용하지만 사용자가 요소에서 페이지의 다른 곳으로 무언가를 끌 수 있도록 허용합니다.

Comments are closed.