javascript - 如果可拖动元素应用了转换，则 jquery 可拖动包含不起作用

Question

我正在尝试使用 JQuery Draggable的 containment 功能，但如果被包含的对象应用了转换，它似乎不起作用。

JSFiddle 示例:http://jsfiddle.net/US2fr/

有人知道我该如何解决这个问题吗？

Answer 1

对drag功能进行一些调整后，我终于有了一个可行的解决方案:http://jsfiddle.net/GgUN9/2/

您可以通过更改 scale 和 orig 值来测试这一点。如果 test div 小于 container 它将保留在其边界内。如果它更大，您就可以拖动它，但它也会留在边界内(即您不应该在容器内看到空白区域)。

更新:

我今天注意到，如果 的 CSS left 和 top 值不是 0px，上面的 JSFiddle 示例将不起作用测试 div。我已经修复了这个问题并更新了 fiddle :http://jsfiddle.net/GgUN9/3/

希望这对将来的人有所帮助!