Bootstrap 3 кнопки управления карусели и индикаторы не работают

Я почесываю голову, потому что на моей странице не работают ссылки Bootstrap 3 с элементами управления карусели (и индикатором). Это была простая копия-вставка из документов + небольшая настройка CSS. Код можно посмотреть здесь http://bevog.si.bitcloud.nine.ch/ (#gallery).Bootstrap 3 кнопки управления карусели и индикаторы не работают

UPDATE:

Carousel INIT код

/* GALLERY */ 
$('#gallery-carousel').carousel()

Carousel разметки

<div id="gallery-carousel" class="carousel slide"> 
    <ol class="carousel-indicators"> 
    <li data-target="#bevog-image-1" data-slide-to="0" class="active"></li> 
    <li data-target="#bevog-image-2" data-slide-to="1"></li> 
    <li data-target="#bevog-image-3" data-slide-to="2"></li> 
    </ol> 

    <div class="carousel-inner"> 
    <div class="item active" id="bevog-image-1"> 
     <img src="img/bevog_gallery_01.jpg" alt="Bevog gallery picture title"> 
    </div> 
    <div class="item" id="bevog-image-2"> 
     <img src="img/bevog_gallery_01.jpg" alt="Bevog gallery picture title"> 
    </div> 
    <div class="item" id="bevog-image-3"> 
     <img src="img/bevog_gallery_01.jpg" alt="Bevog gallery picture title"> 
    </div> 
    </div> 

    <a class="left carousel-control" data-slide="prev" href="#"><span class="icon-prev"></span></a> 
    <a class="right carousel-control" data-slide="next" href="#"><span class="icon-next"></span></a> 
</div>

источник

2013-10-01 Primoz Rome

отправить код, где ваша инициализация карусели и html –

вопрос обновляется с кодом –

Единственное, что необходимо устранить в приведенном выше коде, - это целевой объект. Все данные должны быть «галерейными». – MsBugKiller

якорные теги каруселью ссылки должны иметь HREF, который указывает на идентификатор каруселью. See Bootstrap docs.

<a class="left carousel-control" data-slide="prev" href="#gallery-carousel"><span class="icon-prev"></span></a> 
<a class="right carousel-control" data-slide="next" href="#gallery-carousel"><span class="icon-next"></span></a>

источник

2013-10-01 18:20:25 DigTheDoug

у меня был тот же вопрос, а с карусели не загружается. Я переключился с загрузки миниатюрной версии бутстрапа на полную, а затем сработал. Я думаю, что есть что-то не совсем правильное в мини.

источник

2013-11-21 20:37:53 Dawn

У меня была аналогичная проблема с индикаторами (не работает). Для индикаторов, вы можете добавить это к вашему JS ... Это будет вручную установить ту же функцию для показателей:

$('.carousel-indicators li').click(function(e){ 
     e.stopPropagation(); 
     var goTo = $(this).data('slide-to'); 
     $('.carousel-inner .item').each(function(index){ 
      if($(this).data('id') == goTo){ 
       goTo = index; 
       return false; 
      } 
     }); 

     $('#gallery-carousel').carousel(goTo); 
    });

источник

2015-06-17 10:38:38

Вы должны более подробно объяснить свой ответ и объяснить их. – avcajaraville

$('.carousel-control').click(function(e){ 
    e.stopPropagation(); 
    var goTo = $(this).data('slide'); 
    if(goTo=="prev") { 
     $('#carousel-id').carousel('prev'); 
    } else { 
     $('#carousel-id').carousel('next'); 
    } 
});

источник

2015-06-19 12:15:27

Это более полезно для объяснения вашего ответа. –

Добавить объяснение –

Работайте отлично. Благодаря! –

Perils копировальной пасты.

После потратив несколько часов на получение контроля на работу, я обнаружил, что мой код был еще один карусель в навигационной панели с тем же ID #myCarousel

Только в случае, если кто-то сталкивается с той же проблемой.

источник

2016-05-25 09:59:44 oat

Замените каждый атрибут href целевым объектом в каруселях правой и левой кнопок управления.

источник

2016-12-05 08:22:52 Dejazmach

Bootstrap 3 кнопки управления карусели и индикаторы не работают

ответ

Смежные вопросы