Question

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

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

所以我想知道如何设置.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' });
});

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

2 个答案: