javascript - 没有 jquery ui 的脚本

Question

我制作了一个脚本，使列具有相同的高度。这是我的脚本:

function equalHeight(group) {
   tallest = 0;
   group.each(function() {
      thisHeight = $(this).outerHeight();
      if(thisHeight > tallest) {
         tallest = thisHeight;
      }
   });
   group.outerHeight(tallest);
};

equalHeight($(".list-links li"));

但我有一个问题。在我的网站中，我使用 jquery ui core。但我想删除那个jquery ui。但如果我删除 jquery ui.那么这个脚本就不再起作用了。为什么？

感谢您的帮助。

Answer 1

jQuery 的 .outerHeight正如您从文档中看到的那样，它不能作为 setter 方法工作。所以，这行代码

group.outerHeight(tallest);

如果没有 jQuery UI，则没有任何效果。

jQuery UI 包装了 .inner* 和 .outer* 方法，并使用 setter 方法扩展它们，如下面 jquery.ui.core.js 的摘录所示。 .

...
$.fn[ "outer" + name] = function( size, margin ) {
  if ( typeof size !== "number" ) {
    return orig[ "outer" + name ].call( this, size );
  }

  return this.each(function() {
    $( this).css( type, reduce( this, size, true, margin ) + "px" );
  });
};
...

这些 setter ，例如.outerHeight，设置元素的高度，不带内边距、边框和可选的边距。