2011-09-01 4 views
1

나는이 jsfiddle example과 조금 붙어 있습니다. 사용자가 제대로 작동하는 사각형을 드래그하면 그러나 사용자가 원래 위치에서 멀리 드래그 한 후 사각형을 두 번 클릭하면 원래 위치로 돌아가고 싶습니다. 원래 위치로 돌아가려면 절반 정도만 작업하십시오. 오른쪽으로 갈 수 없습니다! 어떤 도움이 많이 감사합니다 :)jQuery 더블 클릭으로 드래그 가능한 재설정 위치

당신이 할 수
+0

귀하의 예는 아무것도하지 않습니다. 먼저 수정하십시오. 언뜻보기에 jQuery의 ID가 HTML ID와 전혀 일치하지 않습니다. – CashIsClay

+0

항목을 드래그하면 div에 "left"속성이 설정되고 "right"와 충돌합니다. js가 왼쪽 속성의 CSS를 설정하거나 dblClick에서 CSS를 제거해야합니다. – CashIsClay

답변

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 
    }); 
}); 

바이올린이 http://jsfiddle.net/6kXTP/5/

+0

이 경우, 그는 문서에 상대적인 위치를 찾기 위해'position()'대신'offset()'을 사용하기를 원할 것입니다 : http://api.jquery.com/offset/ (http : /jsfiddle.net/6kXTP/20/) – Blazemonger

+0

예 그는 offset()을 사용할 수도 있습니다. –

관련 문제