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

【问题标题】：jquery draggable containment doesn't work if draggable element has transformation applied如果可拖动元素应用了转换，则 jquery 可拖动包含不起作用
【发布时间】：2013-05-08 20:28:02
【问题描述】：

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

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

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

【问题讨论】：

标签： javascript scroll draggable transform

【解决方案1】：

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

您可以通过更改 scale 和 orig 值来测试这一点。如果test div 小于container，它将保持在其范围内。如果它更大，您将可以拖动它，但它也将保持在边界内（即您不应该在 container 内看到空白）。

更新：

我今天注意到，如果 test div 的 CSS left 和 top 值不是 0px，则上面的 JSFiddle 示例不起作用。我已经解决了这个问题并更新了小提琴：http://jsfiddle.net/GgUN9/3/

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

【讨论】：

老兄。非常感谢你发布这个。人。我已经尝试了好几天来完成这项工作。谢谢！！！
很高兴我能帮上忙！它也难倒我...... :)