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