요소의 한면에만 드래그 가능한 스냅 사용

드래그 가능한 요소를 다른 요소의 한쪽에만 고정시킬 수있게 만드는 방법은 무엇입니까? 나는 네 개의 요소가 다섯 번째 요소에 네 개의 다른면을 고수 할 수 있도록 만들 필요가 있지만 각각은 한 손 만 사용해야합니다. 즉, 왼쪽에 붙이거나 맨위 만 붙이는 등의 작업을 할 수 있습니다.요소의 한면에만 드래그 가능한 스냅 사용

출처

2014-07-15 user3835746

당신이 시도 무엇을 바이올린을 만들기 도움이 될 지금까지 –

http://jsfiddle.net/YvJhE/313/ 내 마지막 생각은 가장자리에 추가 요소를 만드는 것이 었습니다 당신도 알다시피, 실패했습니다. – user3835746

당신이 그것을 만든 것을 보았습니다. 아주 좋습니다 감사 해요! –

<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery UI Draggable - Default functionality</title> 
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css"> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script> 
<link rel="stylesheet" href="/resources/demos/style.css"> 
<style> 
#draggable { width: 150px; height: 150px; padding: 0.5em; } 
</style> 
<script> 
$(function() { 
$("#draggable").draggable({ axis: "y" }); 
}); 
</script> 
</head> 
<body> 
<div id="draggable" class="ui-widget-content"> 
<p>Drag me around</p> 
</div> 
</body> 
</html>

희망이 당신이

출처

2014-07-15 11:17:24

요소의 한면에만 드래그 가능한 스냅 사용

답변

관련 문제