Как скрыть пагинация для bootstrap carousel?

Question

[Иван Симонов]

Здраствуйте!

Цель: если слайдов меньше или равно 1 - скрыть пагинацию для bootstrap 3 carousel,

Мой код - Fiddle

Подкажите, почему данный код не работает + подкажите в какую сторону копать
Спасибо

Answer 1

[Denis]

function carouselHideIndicators() {
		var carouselCardProduct = $('.carousel-inner .item');
    if(carouselCardProduct.length < 2){
    	$('.carousel-indicators').hide();
    }else{
    	$('.carousel-indicators').show();
    }
	}
  $(function() {
  carouselHideIndicators();
  });

Comments

[Иван Симонов]

Спасибо. Увы но не работает - вот пример с вашим кодом - https://jsfiddle.net/epzs6jx6/
Получается второй слайд с одним .carousel-indicators. А скрываются в все .carousel-indicators

[Denis]

Немного не разобрал...
Изначально в примере был один слайдер, сейчас я так понял что их три... При таком раскладе мой код будет распространяться без разбора на все три слайдера

function carouselHideIndicators() {
  var carouselItems = $("div[id^='myCarousel']");
  carouselItems.each(function( index ) {
    var carosel = $(this);
    var carouselCardProductItems = $('.carousel-inner .item',carosel);
    if (carouselCardProductItems.length <= 1) {
      $('.carousel-indicators',carosel).hide();
    } else {
      $('.carousel-indicators',carosel).show();
    }
  });
}