首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >垂直对准的MooTools插件函数

垂直对准的MooTools插件函数
EN

Stack Overflow用户
提问于 2014-06-02 17:11:30
回答 1查看 30关注 0票数 1

如何编写插件函数(类)?在MooTools中,可以调用一组元素来垂直对齐它们吗?我有一个类似的函数用于jQuery,如下所示:

代码语言:javascript
运行
复制
  $.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的改进,而且这种方法似乎有些错误。有人知道该怎么做吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-06-02 18:35:11

在您从Tim获得的关于IRC和Github的信息之后,下面是一个MooTools版本的实际示例:

代码语言:javascript
运行
复制
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/

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23999863

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档