0

我有一个充满文本的 div，除此之外，还有一个 img 元素。( http://jsfiddle.net/EjP5y/2/ ) 我已经使图像可拖动并且 div 可放置。在 drop 事件中，我将图像设置为具有 float:left 的样式并添加一些填充和边距，然后将其预先附加到 div 中，因此它可以很好地放入 div 中，并且 div 文本环绕在它周围。

$('#clown').draggable();

$('#content').droppable({accept : '#clown', drop : cell_drop});

function cell_drop(e, ui) {
    ui.draggable.css({float   : 'left', 
                  padding : '10px', 
                  margin  : '10px',
                  top     : '0', 
                  left    :'0'
                  })
            .prependTo($(this));

}

现在，一旦图像在 div 中，我希望能够拖动它并在图像移动时让 div 文本在图像周围流动。图像是可拖动的，所以看起来我应该能够做到这一点，但它就像图像在放入 div 时失去了可拖动性，即使 Firebug 仍然显示它具有 class='ui-draggable'。

同样根据http://jqueryui.com/droppable/拖放后，draggables 应保持可拖动状态。

有谁明白这里发生了什么？如何在将图像拖放到 div 后拖动图像并使 div 文本在移动图像周围动态流动？

谢谢

4

0 回答 0