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/

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

1 个答案: