jquery - 为什么 jquery-ui 的扩展 position() 方法不能与 SVG 元素一起使用？

Question

jQuery UI 用它自己的 jQuery UI 覆盖了 jQuery 的position方法，正如你在这个 fiddle中看到的那样，它允许我很容易地在右上角显示一个图标：<div>

icon.position({
    my: "right top",
    at: "right top",
    of: "div"
});

但是，对于 SVG 元素（例如<rect>），我得到了意想不到的行为。例如，正如您在这个测试用例中看到的那样，图标显示在左上角，而不是右上角；如果您改用“左上角”来尝试，则图标位于屏幕外。

我已经尽我所能搜索了这个网站和谷歌，但我找不到对 jQuery UI 的位置方法的引用，它不能与 SVG 元素一起使用。

这里发生了什么？

Answer 1

jQuery不适用于 SVG，尤其是在处理位置时。在 SVG 中，您可以拥有旋转、缩放、变换矩阵和各种疯狂的东西。如果矩形旋转 45 度怎么办......“右上”或“下”的含义是什么？

http://jsfiddle.net/Qjmkc/