如果轮播单元格包含具有特定类的子元素,则尝试删除轮播单元格,但无法从flickity中使用Remove API找出方法。

使用jquery mehtods,我可以从DOM中删除它,但是flickity滑块的导航仍然显示该元素。另外,删除的元素会显示空白,直到窗口调整大小为止……只是感觉有点跳动。对于新手JavaScript开发人员有什么想法吗?我在这里想念什么?

Flickity Slider(删除API):
https://flickity.metafizzy.co/api.html#remove

Codepen:
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!");
  });

最佳答案

移除元素后,具有在load事件内调用轮播的代码。

像下面

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

10-07 14:53