Flickity Slider 按子项删除单元格 class

Question

尝试删除包含具有特定 class 的子元素的轮播单元格，但无法弄清楚如何使用从 flickity 中删除 API。

使用 jquery 方法，我可以从 DOM 中删除就好了，但是 flickity 滑块的导航仍然显示当前元素。此外，删除的元素显示空白 space 直到 window 调整大小...只是感觉神经质。对新手 javascript 开发人员有什么想法吗？我在这里错过了什么？

Flickity 滑块（删除 API）： https://flickity.metafizzy.co/api.html#remove

代码笔： https://codepen.io/alyssabutler/pen/WMGYMe

// external js: flickity.pkgd.js

var $carousel = $('.carousel').flickity({
  // options //
});

window.addEventListener("load", function() {
  $(".carousel-cell:has('.empty')").detach(".carousel-cell");  
  console.log("All resources finished loading!");
  });

Answer 1

有代码在加载事件中调用轮播，元素被移除后。 IE..，如下图

window.addEventListener("load", function(){                     
     $(".carousel-cell:has('.empty')").detach(".carousel-cell");  
     console.log("All resources finished loading!");                      
     var $carousel = $('.carousel').flickity({                                                                                                       
     // options //                    
     });  
});

Flickity Slider 按子项删除单元格 class

Flickity Slider remove cell by child class

javascript

jquery

flickity