javascript - 未捕获的ReferenceError:未定义maxHeight

jQuery的

$(function maxHeight() {
  var maxH = 0;
  var contentH = 'calc(100vh - 79px)';
  $(".left, .middle, .right").each(function() {
    if ($(this).height() <= contentH) {
      $(".left, .right").css('justify-content', 'space-between');
      $(".middle").css('height', '100%');
    } else {
      if ($(".middle").height() > $(".left, .right").height()) {
        $(".left, .right").css({
          'height':'calc(' + contentH + ' - 100px)',
          'justify-content':'space-between'
      });
        $(".middle").css('height',contentH);
      } else {
        maxH = $(".left, .right").height();
        $(".left, .middle, .right").height(maxH);
      }
    }
  });
});
mySwiper.height = maxHeight();

错误消息：Uncaught ReferenceError：未定义maxHeight
我的代码有什么问题？

编辑：我划分了我最初在这里写的问题。 -> Code to match the height of the 3 elements in JS, is this correct? - StackOverflow

最佳答案

您的函数当前是$(document).ready()的jQuery $(/*function*/)速记内的本地函数-因此，无法从该函数外部进行访问。使其成为正常功能：

function maxHeight() {
  var maxH = 0;
  var contentH = 'calc(100vh - 79px)';
  $(".left, .middle, .right").each(function() {
    if ($(this).height() <= contentH) {
      $(".left, .right").css('justify-content', 'space-between');
      $(".middle").css('height', '100%');
    } else {
      if ($(".middle").height() > $(".left, .right").height()) {
        $(".left, .right").css({
          'height':'calc(' + contentH + ' - 100px)',
          'justify-content':'space-between'
      });
        $(".middle").css('height',contentH);
      } else {
        maxH = $(".left, .right").height();
        $(".left, .middle, .right").height(maxH);
      }
    }
  });
}
mySwiper.height = maxHeight();

关于javascript - 未捕获的ReferenceError:未定义maxHeight，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55703345/