Javascript 用于垂直对齐的MooTools插件功能
如何在MooTools中编写一个插件函数(类?),可以对一组元素进行调用,以便垂直对齐它们?我有一个用于jQuery的类似函数,它如下所示: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
$.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();
在线示例:是的,谢谢!!刚刚实现了同样的事情。