jquery-ui - .draggable('destroy') 正在生成类型错误

Question

我有一个图像包裹在一个可拖动的 div#imgWrapper 中。我想将 div#imgWrapper 放到一个 div#content 中，它充满了文本。div#imgWrapper 由放置代码赋予 float:left 样式，因此 div#content 中的文本在放置后围绕插入的 div#imgWrapper 流动。请参阅http://jsfiddle.net/upcKw/1。

我不想让用户将 div#imgWrapper 拖放到 div#content 之外，所以我也让放置代码破坏了 div#imgWrapper 的可拖动性：

 ui.draggable.draggable('destroy');

这一切都很好，除了destroy调用会生成一个我在console.log中看到的错误：

有谁知道是什么原因造成的以及我该如何摆脱它？

谢谢

Answer 1

另一种选择是禁用可拖动。这也不会允许用户再次拖动图像，但 - 看起来 - 这不会引发错误。

ui.draggable.draggable('disable').css('opacity', '1');

更新fiddle

我刚刚添加了，.css('opacity', '1')因为通常会有较低的不透明度来指示禁用的可拖动。这与您想要的行为相同。但这当然不会完全删除 draggable 属性。

Answer 2

这是众所周知的 jQueryUI 错误，多年未修复。