Issue with Slick Carousel

Issue with Slick Carousel

Hi, 

So I have an Eventbrite API call that generates a bunch of divs. I want to make a slider out of those divs using Slick Carousel. When I set up the carousel manually, it works fine, but when I use my API loop it doesn't perform correctly. 

What the Slick Carousel plugin does is wrap the child divs in a way that creates the slider. It creates the new parent div like it should, but does not tuck the other divs underneath. 

Below is the code calling everything (I'm using Wordpress):

  1. // Enqueue Scripts and Styles
  2. add_action( 'wp_enqueue_scripts', 'elegance_enqueue_scripts_styles' );
  3. function elegance_enqueue_scripts_styles() {
  4.   
  5. wp_enqueue_script( 'initeb', get_stylesheet_directory_uri() . '/js/init-eb.js', array( 'jquery' ), '1.0.0' );
  6. wp_enqueue_style( 'dashicons' );
  7. wp_enqueue_style( 'stylecss', get_stylesheet_directory_uri() . '/css/slick.css' );
  8. wp_enqueue_style( 'stylethemecss', get_stylesheet_directory_uri() . '/css/slick-theme.css' );
  9.    wp_enqueue_script( 'slick', get_stylesheet_directory_uri() . '/js/slick.min.js', array( 'jquery' ), '1.0.0' );
  10. wp_enqueue_script( 'responsive-menu', get_stylesheet_directory_uri() . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0', true );
  11. $output = array(
  12. 'mainMenu' => __( 'Menu', 'elegance' ),
  13. 'subMenu'  => __( 'Menu', 'elegance' ),
  14. );
  15. wp_localize_script( 'responsive-menu', 'ResponsiveMenuL10n', $output );

  17. wp_enqueue_script( 'initslick', get_stylesheet_directory_uri() . '/js/init-slick.js', array( 'jquery' ), '1.0.0' );

  19. }
The init-eb is my Eventbrite API call and the init-slick is my carousel call, so they are in the order I want. Basically, I want the carousel to run last, after all of the divs are placed. That is not what I think is happening, or at least not in enough time.

Thoughts?