javascript - Flickity Slider 按子类删除单元格

Question

如果轮播单元格包含具有特定类的子元素，则尝试删除轮播单元格，但无法弄清楚如何使用 Remove API from flickity 执行此操作。

使用 jquery mehtods，我可以很好地从 DOM 中删除，但是 flickity 滑块的导航仍然显示元素存在。此外，在窗口调整大小之前，已删除的元素会显示空白区域......只是感觉很跳跃。对于新手 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

在元素被移除后，有代码在加载事件中调用轮播。即，如下所示

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