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

编程问答 2022-05-27

问题描述

我尝试实现，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 (将#修改为@）

glidejsjavascriptresizesliderslider