我已经用Glide.js实现了两个滑块,它们在Chrome和FireFx中运行得很好。
我尝试在IE11和Edge中实现它,它们都不会将事件添加到DOM元素中,所以两个滑块都不起作用。
此外,在一定的宽度,我想让一个以上的幻灯片出现在屏幕上,滑翔不想调整幻灯片的大小,以便他们可以适合他们的设想。
我的问题是:
GlideJS github假设它在edge和IE11上都很好,那么我错在哪里呢?
代码:通过模块导入,然后由babel在webpack中编译
const tech_section_glide = new Glide('#tech_stack_section_slider', {
type: 'slider',
perView: 4,
animationDuration: 500,
gap: 10,
breakpoints: {
449: {
perView: 1
},
705: {
perView: 2,
},
1024: {
perView: 3
}
}
});
const portfolio_glide = new Glide('#portfolio_slider', {
type: 'slider',
perView: 1,
animationDuration: 300
});
tech_section_glide.mount();
portfolio_glide.mount();在Chrome中它的外观如何:铬视图
下面是它在IE11中的样子:
发布于 2020-08-11 06:31:59
明白了!问题不在于GlideJS本身,而在于我所做的糟糕的babel配置,因此,如果您想在IE11中运行ES6标准,您应该进行正确的babel配置并安装所需的poor。以下是指向webpack+babel IE11:https://medium.com/@ramez.aijaz/transpile-typescript-to-es5-using-babel-and-webpack-f3b72a157399配置指南的链接
https://stackoverflow.com/questions/63338423
复制相似问题