jquery ui draggable로 드래그하는 동안 div의 내용을 수정하십시오.

Question

주로 텍스트가 포함 된 draggable div (jquery와 draggable)가 있습니다. 드래그하는 동안 div의 내용을 변경할 수 있습니까?

당신은 아마 당신이 찾고있는 무엇을 수행 할 수있게되는 연결할 수 있습니다 세 가지 이벤트가

Answer 1

이 밖으로 시도 : 여기 http://jsfiddle.net/6JtMp/

코드 것 :

<style> 
    #draggable { width: 150px; height: 150px; padding: 0.5em; background-color: green; } 
    </style> 
    <script> 
    $(function() { 
     $("#draggable").draggable({ 
      start: function(event, ui) { $(this).css("height",10); }, 
      stop: function(event, ui) { $(this).css("height",150); }   
     }); 
    }); 
    </script> 



<div class="demo"> 

<div id="draggable" class="ui-widget-content"> 
    <p>Drag me around</p> 
</div> 

</div><!-- End demo --> 

Answer 2

(실제로, 나는 그것을 더 작고 더 좋은 사업부를 만들고 싶어). 시작, 드래그 및 중지 이벤트에 대한 정의 함수를 확인합니다. http://jqueryui.com/demos/draggable/#event-drag

Answer 3

무엇 drag에 대한 다음은 API 문서는?

드래그 마우스가 현재의 이동이 발생하기 직전의 드래그하는 동안 이동하는 동안 트리거 (이벤트, UI)

.

$("#draggable").draggable({ 
    drag: function(event, ui) { 
     // do something while dragging 
    } 
}); 

:

는 그냥 드래그 콜백을 지정