给出元素高度并在之后删除它

Question

我正在使用 Easy Pagination 插件 对某些内容进行分页。问题是，点击“下一步”后，浏览器会跳转到元素加载数据的高度进行分页。

我正在尝试获取元素的高度，例如 .recent，并在单击 .next 之前将其提供给 .recent （在分页之前）发生），然后设置它。

所以我想知道如何设置.recent的高度，然后起飞？

这是我到目前为止所尝试的：

  var recentH = $('.recent').height();

 $('.next').click(function(){
      $('.recent').css( 'height', recentH );
 });

Answer 1

我正在尝试获取元素的高度

您要查找的元素 $.height() 或 $.css('height') 的高度，它们都得到并且设定值。请参阅 height() 和 css()。

“.css('height') 和 .height() 之间的区别在于，后者返回无单位的像素值（例如 400），而前者返回完整单位的值（例如 400px） ）”

在点击.next之前（分页发生之前），然后在之后设置。

您是否使用了一些分页插件，并且它是否有自己的 .next 元素点击事件处理程序？

请注意，您的选择器根据 CSS 类来匹配元素，并且可能有多个元素。因此，您应该指定要读取高度的元素。

简短的例子；

$('.next').click(function(){
  var height = $('#firstElement').height();
  // Pagination actions here (toggling elements)
  $('#secondElement').css(height + 'px');
});

Answer 2

看到这个例子后，我想这可能会有所帮助：

var h = $('.recent').height();

$('.next').click(function(){
  $('.recent').css({ 'height': h + 'px', 'display': 'block' });
});