修改div的內容，同時拖動jQuery UI可拖動

Question

我有一個可拖動的div（jQuery UI可拖動），其中主要包含文本。我可以在拖動時更改div的內容嗎？

（實際上，我想讓它更小，更好的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

有跡象表明，你可以連接到這可能將使你做你正在尋找三個不同的事件。我會檢查定義函數的開始，拖動和/或停止事件。下面是API文檔：http://jqueryui.com/demos/draggable/#event-drag

Answer 3

什麼drag？

拖動（事件，UI）

觸發而鼠標拖動期間移動，當前的移動發生前立即。

只需指定拖回調：

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