我正在使用 Easy Pagination plugin对一些内容进行分页。问题是点击'next'后,浏览器跳转到元素加载数据的高度进行分页。
我正在尝试获取元素的高度,例如 .recent
,并在单击 .next
之前将其提供给 .recent
(在分页发生之前),然后在之后设置它。
所以我想知道如何设置.recent的高度,然后起飞?
到目前为止,这是我尝试过的:
var recentH = $('.recent').height();
$('.next').click(function(){
$('.recent').css( 'height', recentH );
});
最佳答案
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');
});
关于javascript - 给元素高度并在之后删除它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8877558/