如果轮播单元格包含具有特定类的子元素,则尝试删除轮播单元格,但无法从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 //
});
});