javascript - MooTools 垂直对齐插件功能

Question

如何在 MooTools 中编写一个可以在一组元素上调用的插件函数(类？)，以便垂直对齐它们？我有一个用于 jQuery 的类似函数，它看起来像这样:

  $.fn.vAlign = function() {
    return this.each(function() {
      var ah = $(this).height();
      var ph = $(this).parent().height();
      var mh = (ph - ah) / 2;
      $(this).css('margin-top', mh);
    });
  };

我有点不知道如何在 MooTools 中做类似的事情。是建议的创建类的正确方法here ？这似乎并不是对 jQuery 的改进，而且这种方法似乎有些问题。有谁知道解决这个问题的正确方法吗？

Answer 1

根据 Tim Wienk 在 IRC 和 Github 上获得的信息，以下是 MooTools 版本的实际示例:

Element.implement('vAlign', function () {
    var ah = this.getSize().y;
    var ph = this.getParent().getSize().y;
    var mh = (ph - ah) / 2;
    this.setStyle('margin-top', mh);
});

$$('div').vAlign();

在线示例:http://jsfiddle.net/bTcb8/