title: Owl Carousel 2 - Getting Active Items
body: <p>I have an Owl Carousel 2 that's being generated by a WordPress theme and I've set up some custom scripts similar to this:</p>
  
  <pre><code>owl.on('changed.owl.carousel', function() {
  
      activeEls = $('.owl-item.active');
  
      setCarouselCaption( activeEls[1] ); 
  
  });
  </code></pre>
  
  <p>This places the image caption of the middle image below the carousel in a full-width container.</p>
  
  <p>The issue I'm having is, when I assign the <code>active</code> items to <code>activeEls</code> - it's grabbing the active items BEFORE the click - rather than after.</p>
  
  <p>Is there any way to <strong>wait</strong> for the Owl Carousel to update the <code>active</code> items and THEN assign those to <code>activeEls</code>? </p>
  
  <p>OR - is there any way to detect whether the <code>Previous</code> or the <code>Next</code> button was clicked? Right now, I'm only able to detect a <strong>change</strong> but not which change.</p>