jQuery不更新/重绘视图

时间:2020-02-03 16:02:15

标签: javascript jquery html dom

我有一个包装DIV,该包装DIV包含另外两个DIV,这些DIV通过CSS定义为向右浮动或向左浮动。我希望将这两个DIV设置为相同的高度,具体取决于两者中较大的一个。我已经尝试使用以下代码进行此操作:

rad1
var pHeightA;
var pHeightB;
var output = '';

$('.anklickbareartikel-wrapper').each(function(i) {

  pHeightA = $('.anklickbareartikel', this).height();
  pHeightB = $('.anklickartikelbox', this).height();

  output = i + ': ';

  if (pHeightA > pHeightB) {
    $('.anklickartikelbox', this).height(pHeightA);
    output += 'pHeightA > pHeightB |';
  }

  if (pHeightB > pHeightA) {
    $('.anklickbareartikel', this).height(pHeightB);
    output += 'pHeightB > pHeightA |';
  }

  //alert( output + 'Original: A ' + pHeightA + ' / B ' + pHeightB + ' // Nach Änderung: A ' + $('.anklickbareartikel', this).height() + ' / ' + $('.anklickartikelbox', this).height() );

});
.anklickbareartikel-wrapper {
  height: auto;
}

.anklickbareartikel {
  position: relative;
  width: 50%;
  height: auto;
  background: #fffdfb;
  background-size: cover;
  background-position: center center;
}

.anklickartikelbox {
  width: 50%;
  height: auto;
  padding: 50px 90px;
}

.anklickartikelbox img {
  width: 100%;
  max-width: 450px;
  height: auto;
}

(浮动由引导CSS提供)

但是不幸的是,这没有用。有趣的是,如果我激活了带注释的警报命令,则在每次确认警报框之后,对相应元素的重绘都将按预期工作。

我做错了什么?在此先感谢您的帮助!

0 个答案:

没有答案