如何解决GlideJS:调整窗口大小后设置幻灯片项目的高度
我尝试实现,GlideJS 会在每次调整窗口大小时更新我的幻灯片。 每张幻灯片都有四个不同身高的孩子。我需要所有孩子中最大的身高。 我的代码在 init 滑块之后运行并且工作正常:
const glide = new Glide(g,{
...myOptionsHere
})
function glideHandleHeight() {
let highest = 0;
const teaserEmployees = document.querySelectorAll('.teaser__employee');
teaserEmployees.forEach((teaser) => {
if (teaser.offsetHeight > highest) {
highest = teaser.offsetHeight;
}
teaser.style.height = `${highest}px`;
});
}
glide.on('build.after',() => {
glideHandleHeight();
});
现在当我尝试调整这段代码
glide.on('resize',() => {
glideHandleHeight();
});
它不会设置新的高度: 我的错误在哪里?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。