javascript - Mootools getPosition() 给出了错误的位置

Question

在借助 Mootools getPosition() 函数确定元素位置时，我遇到了一个奇怪的问题。情况如下:

我有一个表单，它有两个表(我知道这在语义上是不正确的，但是我必须使用它):

<form>
    <table>
        <!-- rows, columns and finally inputs, selects and teaxtarea here -->
    </table>
    <table>
        <!-- rows, columns and finally inputs, selects and teaxtarea here -->
    </table>
</form>

这就是带有 Mootools 的 Javascript 发挥作用的地方。我有一个小脚本，当该字段处于焦点时显示特定表单字段的错误，这是一个工具提示的想法。在这种情况下，此工具提示或错误提示的位置由 getPosition() 确定。这在第一个表格上完美运行，但是当关注第二个表格中的元素时，就像第一个表格的高度被忽略一样。

这是一个 jsfiddle 链接:http://jsfiddle.net/Y4BVc/6/

Answer 1

getPosition(relative) 将返回相对于 relative 的位置。

只是简单地改变:

var pos = el.getPosition(el.getOffsetParent().getOffsetParent());

到

var pos = el.getPosition();

这将确定它相对于文档的位置。