Почему инициализация flexslider 2 внутри ACF Repeater не работает?

Question

[Орхан Гасанлы]

Здравствуйте!
Создал ACF repeater с типом поля Галерея. Для каждой галереи flexslider 2 должен отображаться. Но слайдер показывается только для первой галереи.
Ссылка на слайдер - flexslider.woothemes.com
Код инициализации слайдера:

jQuery(window).on('load', function() {
// flexslider android
      jQuery('#carousel_android').flexslider({
	    animation: "slide",
	    animationLoop: true,
	    itemWidth: 150,
	    itemMargin: 10,
		maxItems: 4,
		slideshowSpeed: 4000,
		controlNav: true 
	  });
});

Код повторителя со слайдером:

<?php if( have_rows('android_os') ): 
while ( have_rows('android_os') ) : the_row(); ?>

									<?php 
									$images = get_sub_field('android_screenshots');
									$size = 'md7_blog';

									if( $images ): ?>
										<div id="carousel_android" class="flexslider">
									  		<ul class="slides">
									        <?php foreach( $images as $image ): ?>
									            <li>
									            	<?php echo wp_get_attachment_image( $image['ID'], $size ); ?>
									            </li>
									        <?php endforeach; ?>
									    	</ul>
									    </div>
									<?php endif; ?>
							      </div>  
							       
						<?php endwhile;
							else :
							    // no rows found
							endif; ?>

В результате слайдер инициализируется для первого элемента. Для второго и последующих слайдер не отображается. В консоли ошибок нет. При инспектировании элемента вижу ul список с li элементами и со свойством display:none

Answer 1

[alex]

jQuery('#carousel_android').flexslider({...}); // неправильно
jQuery('.flexslider').flexslider({...}); // правильно

Comments

[Орхан Гасанлы]

Благодарю. Проблема заключалась в том, что я инициализировал с id, а не с классом. Сменил #carousel_android на .carousel_android и все заработало.