使用jquery uidraggable拖动时修改div的内容

Question

我有一个可拖动的 div (jquery uidraggable)，其中主要包含文本。我可以在拖动时更改 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

拖动怎么样？

拖动（事件，用户界面）

在拖动期间移动鼠标时触发，在当前移动发生之前立即触发。

只需指定拖动回调：

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

Answer 3

您可以挂钩三个不同的事件，这可能会让您能够完成您正在寻找的事情。我会检查启动、拖动和/或停止事件的定义函数。这是API文档： http://jqueryui.com/demos/draggable/#event-drag