title: Flickity Slider remove cell by child class
body: <p>Trying to remove carousel cells if they contain a child element with a specific class, but can't figure out how to do it with the Remove API from flickity.</p>
  
  <p>Using jquery mehtods, I can remove from the DOM just fine, but the navigation of flickity slider still shows the element as present. Also, removed element shows blank space until window resize... just feels jumpy. Any ideas for a novice javascript developer? What am I missing here?</p>
  
  <p>Flickity Slider (Remove API):
  <a href="https://flickity.metafizzy.co/api.html#remove" rel="nofollow noreferrer">https://flickity.metafizzy.co/api.html#remove</a></p>
  
  <p>Codepen:
  <a href="https://codepen.io/alyssabutler/pen/WMGYMe" rel="nofollow noreferrer">https://codepen.io/alyssabutler/pen/WMGYMe</a></p>
  
  <pre><code>// 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!");
    });
  </code></pre>