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

Question

我正在使用 Easy Pagination plugin对一些内容进行分页。问题是点击'next'后，浏览器跳转到元素加载数据的高度进行分页。

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

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

到目前为止，这是我尝试过的:

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

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

Answer 1

I am trying to fetch the height of the element

$.height() 或 $.css('height') 是您要查找的内容，它们都获取并设置值。参见 height()和 css() .

“.css('height') 和 .height() 的区别在于后者返回一个没有单位的像素值(例如 400)，而前者返回一个单位完整的值(例如例如，400 像素)”

before clicking .next (Before the pagination happens), then set it after.

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

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

简短的例子；

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