jquery - 获取动态改变高度的DIV的高度

Question

示例:http://jsbin.com/ewiko4/5/

所以我有一些动态 div，我需要计算出它们变化时的高度。我可以在文档加载时获取高度，但它不会更新。

在示例中，我添加了一个放大按钮，但实际上它将通过 jq 和 ajax 进行更改

是的，我无法向动画按钮添加回调，因为它不在那里。

Answer 1

您所要做的就是再次调用outerHeight():

$('#makeBigger').click(function(){
  $('#buyNow').animate({
        height: '+=10px'
  }, function() {
    var newHeight = $('#buyNow').outerHeight();
    // ...
  })
});

如果将函数传递给animate()作为第二个参数，那么当动画完成时将调用该函数。那时，您可以获得新的高度并用它做任何您想做的事情。如果<div>因为它的内容被重新加载而发生变化，您可以在 ajax 例程的回调中执行相同的操作。