Javascript Chrome和Safari中的JQuery动画错误，在Firefox it'；It’工作正常

我有一个页面，其中必要的元素被重新定位到一些额外的html属性上

例如：

<div class="contentplate" relativePosition="top-left" relx="1" rely="3" relw="14" relh="8"  relFontSize="80"></div>

由“contentplate”类重新定位。它定位到与实际窗口大小相关的光栅上。它的子元素被递归地处理，以获得在这个容器中工作的相对位置。所有这些都如预期的那样起作用

当使用jQuery（'parentcontainer'）时，问题就开始了。动画（{left:0}，100）或其他东西： 在某种程度上，重新定位元素会导致jquery只设置父元素的动画，而不设置子元素的动画。 有趣的是在te动画完成后，孩子们的位置被jQuery以某种方式纠正了，但被告知没有动画

所有元素都设置了样式位置：绝对，溢出：隐藏

不，只有在调整窗口大小或页面加载一次后，repsotion算法才会运行

如果您感兴趣，我有3个测试：
站点完全动态重新定位（动画失败，firefox除外）

重新定位的站点的快照，没有活动的重新定位（所有浏览器，都正常）

一个完全动态重新定位的站点，带有黄色网格，您可以看到该站点已启用

一个屏幕截图，您可以看到启用网格的动态页面

---

感谢您的时间

看起来，这是浏览器引擎中的一个bug，与画布的使用和上面div的z-order的CSS修改相关

画布仅用于检查网格功能是否正确，例如调试目的

我移除了画布，现在一切都正常了

这里有一个非常错误的地方，可以使用chrome开发者工具显示： 调试器和鼠标指针会在正确的位置检测到这些元素，但它们不会显示在那里。这很奇怪

我不想深入挖掘，但我认为Firefox的行为是正确的，Chrome和Safari做了一些非常错误的事情

---

如果我应该向chrome开发者发布问题报告，请留下评论，我会的。

我在chrome问题跟踪器上启动了一个问题请求