나는이 jsfiddle example과 조금 붙어 있습니다. 사용자가 제대로 작동하는 사각형을 드래그하면 그러나 사용자가 원래 위치에서 멀리 드래그 한 후 사각형을 두 번 클릭하면 원래 위치로 돌아가고 싶습니다. 원래 위치로 돌아가려면 절반 정도만 작업하십시오. 오른쪽으로 갈 수 없습니다! 어떤 도움이 많이 감사합니다 :)jQuery 더블 클릭으로 드래그 가능한 재설정 위치
당신이 할 수
1
A
답변
0
(나는 당신의 바이올린 수정이 완전히 잘못했기 때문에) : 여기
jQuery("#drag_item").draggable({containment: '#container'});
var position = jQuery("#drag_item").position();
//you could also use
//var position = jQuery("#drag_item").offset();
$("#drag_item").dblclick(function() {
$('#drag_item').css({
'top': position.top
});
$('#drag_item').css({
'position': 'fixed'
});
$('#drag_item').css({
'left': position.left
});
});
+0
이 경우, 그는 문서에 상대적인 위치를 찾기 위해'position()'대신'offset()'을 사용하기를 원할 것입니다 : http://api.jquery.com/offset/ (http : /jsfiddle.net/6kXTP/20/) – Blazemonger
+0
예 그는 offset()을 사용할 수도 있습니다. –
관련 문제
- 1. jquery 드래그 가능한 객체 취소 또는 재설정
- 2. 더블 클릭으로 Jquery 요소 삭제
- 3. 문제 JQuery 콜백을 사용하여 드래그 한 후 div의 위치 재설정
- 4. 드래그 가능한 항목은 CursorAt 위치
- 5. 드래그 가능한 div의 위치 설정
- 6. jQuery 애니메이션 후 위치 재설정
- 7. 더블 클릭으로 기능 실행을 막는다.
- 8. RadGrid 단일 클릭으로 더블 클릭
- 9. jQuery 드래그 가능한 영역 (안쪽으로 드래그)
- 10. Jquery-svg를 사용하여 SVG 드래그 가능한 초기 위치
- 11. jQuery 드래그 가능한 정렬 가능한 입력 요소
- 12. 불규칙한 jQuery 드래그 가능한 동작
- 13. 부모 센터에서 드래그 가능한 위치 지정
- 14. 드래그 가능한 드래그 취소 취소
- 15. 더블 클릭으로 이맥스에 파일을 직접 엽니 다.
- 16. Zend Framework에서 더블 클릭으로 세션이 종료 됨
- 17. jQuery UI 드래그 가능한 스냅 눈금자
- 18. jQuery-UI 드래그 가능한 스택 및 핸들
- 19. jQuery UI : 드래그 가능한 요소의 포함이 버그입니다.
- 20. jQuery 드래그 가능한 텍스트 선택 버그
- 21. jQuery 드래그 가능한 고정 마우스 포인터
- 22. IFrame 내부의 jQuery 드래그 가능한 핸들러
- 23. Jquery 쿨 드래그 앤 드롭 스냅 위치
- 24. jQuery 드래그 앤 드롭 위치 오류
- 25. JQuery 드래그 앤 드롭 위치 지정 문제
- 26. 드래그 가능 및 드롭 가능한 동적 위치 지정
- 27. 사용자 지정 사용자 생성 콘텐츠로 드래그 가능한 요소의 위치 저장
- 28. StringReader의 위치 재설정
- 29. jCarousel 재설정 스크롤 위치
- 30. 코코아 : 드래그 가능한 영역 만들기
귀하의 예는 아무것도하지 않습니다. 먼저 수정하십시오. 언뜻보기에 jQuery의 ID가 HTML ID와 전혀 일치하지 않습니다. – CashIsClay
항목을 드래그하면 div에 "left"속성이 설정되고 "right"와 충돌합니다. js가 왼쪽 속성의 CSS를 설정하거나 dblClick에서 CSS를 제거해야합니다. – CashIsClay