微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

GlideJS:调整窗口大小后设置幻灯片项目的高度

如何解决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 举报,一经查实,本站将立刻删除。