jQuery到垂直居中的文本仅在页面调整大小后加载

Question

我有以下jQuery在图像旁边垂直居中文本，但只在页面重新调整大小后加载。

$(window).load(function () {
    $(function () {
        var changeheight = function () {
            $('.vertical-align').height($('.featurette-image').height());
        }
        $(window).on('resize', function () {
            if ($(window).width() > 765) {
                changeheight();
            } else {
                $('.vertical-align').height('auto');
            }
        })
    })
});   

Answer 1

删除窗口调整大小，应该在加载

＆＃13;

＆＃13;

$(window).load(function() {
   var changeheight = function() {
     $('.vertical-align').height($('.featurette-image').height());
   }
     if ($(window).width() > 765) {
       changeheight();
     } else {
       $('.vertical-align').height('auto');
     }
});

＆＃13;

＆＃13;

＆＃13;

Answer 2

Idk为什么OP删除了他的答案，但这是正确的。我不得不删除窗口调整大小

以下代码是正确的：

$(window).load(function() {
  var changeheight = function() {
    $('.vertical-align').height($('.featurette-image').height());
  }
  if ($(window).width() > 765) {
    changeheight();
  } else {
    $('.vertical-align').height('auto');
  }
});