Question

尝试删除轮播单元格，如果它们包含具有特定类的子元素，但无法弄清楚如何使用“删除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!");
  });

Answer 1

让代码在load事件中调用carousel，删除元素后。即..，如下所示

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

Flickity Slider按子类删除单元格

1 个答案: