title: Instagram API and Flickity Not Initiating on Load
body: <p><em>Before I go on, I just need to state that I'm not advanced at JS/JQuery, or development for that matter, at all and I'm still learning on my own. That said!</em></p>
  <p>I have developed a JS/JQuery function that I've been using to initiate <a href="https://flickity.metafizzy.co/" rel="nofollow noreferrer">Flickity</a> sliders on my elements. Essentially all that needs to be done to trigger a slider is to add a couple classes to my element. This works perfectly, and I have it so the slider is initiated on load, and/or on resize (example: if 'mobile', 'tablet', or 'desktop' is stated in the classes). <strong>All of my sliders are workings as they should.</strong></p>
  <p>I have recently dived into how to embed Instagram feeds, for this I use Facebook for Dev. and <a href="https://instafeedjs.com/#/" rel="nofollow noreferrer">Instafeed.js</a>. I got the embed part working perfectly. And for those who aren't familiar, to initiate your Instagram feed with <a href="https://instafeedjs.com/#/" rel="nofollow noreferrer">Instafeed.js</a>, it looks something like this:</p>
  <p><strong>HTML</strong></p>
  <pre><code>&lt;ul id=&quot;instagram-feed&quot;&gt;&lt;/ul&gt;
  </code></pre>
  <p><strong>JS</strong></p>
  <pre><code>var userFeed = new Instafeed({
  
    get: 'user',
    userId: 'YOUR_ID',
    limit: 8,
    target: 'instagram-feed',
    resolution: 'low_resolution',
    template: '&lt;li&gt;&lt;a href=&quot;{{link}}&quot;&gt;&lt;img title=&quot;{{caption}}&quot; src=&quot;{{image}}&quot; /&gt;&lt;/a&gt;&lt;/li&gt;',
    accessToken: 'YOUR_TOKEN'
  
  }); 
  userFeed.run();
  </code></pre>
  <p>The issue I'm having is, in my Instafeed.js HTML container (for this example let's use the: id=&quot;instagram-feed&quot; above), I have applied my Flickity classes to the target, except the slider is not initiating on load, and only initiates if I resize my window. I believe this is because my child elements ( li ) are in the Instafeed.js template and not directly in the HTML.</p>
  <p>Is there a work around around this? I have a few thoughts, like creating test elements that are then replaced on load, but I'm not really sure how to approach this.</p>
  <p>Thank you!</p>