指定元素高度，然后将其移除

Give element height and remove it after

本文关键字：然后 元素 高度      更新时间：2023-09-26

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

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

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

以下是我迄今为止尝试的内容：

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

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

$.height()或$.css('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');
});

看到示例后，我认为这可能会有所帮助：

var h = $('.recent').height();
$('.next').click(function(){
  $('.recent').css({ 'height': h + 'px', 'display': 'block' });
});
相关文章：