Javascript 用于垂直对齐的MooTools插件功能

Javascript 用于垂直对齐的MooTools插件功能,javascript,jquery,dom,mootools,Javascript,Jquery,Dom,Mootools,如何在MooTools中编写一个插件函数(类?),可以对一组元素进行调用,以便垂直对齐它们?我有一个用于jQuery的类似函数,它如下所示: $.fn.vAlign = function() { return this.each(function() { var ah = $(this).height(); var ph = $(this).parent().height(); var mh = (ph - ah) / 2; $(thi

如何在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中做类似的事情。是否按照建议的方法创建类?这似乎不是对jQuery的改进,而且这种方法似乎有问题。有人知道正确的方法吗?

根据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();

在线示例:

是的,谢谢!!刚刚实现了同样的事情。