我已經(jīng)使用 Glide.js 實現(xiàn)了 2 個滑塊,它們在 Chrome 和 FireFx 中運行良好。我已經(jīng)嘗試在 IE11 和 Edge 中實現(xiàn)它,但都不會向 DOM 元素添加事件,因此滑塊都不起作用。此外,在某些寬度下,我想讓超過 1 張幻燈片出現(xiàn)在屏幕上,而 glide 不想調(diào)整幻燈片的大小,以便它們可以按預(yù)期的方式進(jìn)行調(diào)整。我的問題是:為什么事件不附加(綁定/添加,我不太確定在 glide js 中事件發(fā)生什么類型的操作)到 DOM 元素?為什么樣式會因為我所做的斷點而變得瘋狂,所以出現(xiàn)的幻燈片不超過 1 張?GlideJS github 假定它在 edge 和 IE11 上都運行良好,那么我哪里錯了?代碼:通過module導(dǎo)入,然后在webpack中通過babel編譯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 中的外觀: Chrome 視圖這是它在 IE11 中的樣子:IE11_view
為什么 GlideJS 在 IE11 中不設(shè)置事件監(jiān)聽器?
梵蒂岡之花
2022-12-29 10:33:01