Javascript 调整窗口大小时更新元素高度
我有一个JS代码:Javascript 调整窗口大小时更新元素高度,javascript,jquery,html,css,window-resize,Javascript,Jquery,Html,Css,Window Resize,我有一个JS代码: var setPostHeaderHeightsInSlider = function() { var titlesHeight = 0; var teasersHeight = 0; $('.posts-slider .post-item').each(function() { var titleHeight = $(this).find('.post .post-header h3').height(); var
var setPostHeaderHeightsInSlider = function() {
var titlesHeight = 0;
var teasersHeight = 0;
$('.posts-slider .post-item').each(function() {
var titleHeight = $(this).find('.post .post-header h3').height();
var teaserHeight = $(this).find('.post .post-header p').height();
if (titleHeight > titlesHeight) {
titlesHeight = titleHeight;
$('.posts-slider .post-item .post .post-header h3').css('height', titlesHeight);
}
if (teaserHeight > teasersHeight) {
teasersHeight = teaserHeight;
$('.posts-slider .post-item .post .post-header p').css('height', teasersHeight);
}
});
};
var onResize = function() {
console.log('resize');
setPostHeaderHeightsInSlider();
};
$(document).ready(function () {
onResize();
$(window).on('resize', function(){
onResize();
});
}
我需要在调整窗口大小时更新元素的高度,但我的代码不起作用
我在控制台中看到文本,但高度不更新
@编辑:
我把我的html代码
HTML:
仅在刷新页面时设置高度。请通过删除
p
,h3
来尝试代码它的意思是,
(通过获取代码)
$(this.find('.post.post header').height()代码>而不是
$(this.find('.post.post header p').height()代码>
替换此行,它将适用于您
var titleHeight = $(this).find('.post .post-header h3').removeAttr("style").height();
var teaserHeight = $(this).find('.post .post-header p').removeAttr("style").height();
你能发布你的html代码吗?发布你的html代码,是console.log打印吗?我编辑了帖子。
var titleHeight = $(this).find('.post .post-header h3').removeAttr("style").height();
var teaserHeight = $(this).find('.post .post-header p').removeAttr("style").height();