Почему два бутстраповский слайдера не работают друг под другом?

Question

[dzenn]

Привет!

Есть слайдера. Тот что находится выше работает, но тот, что под ним не хочет слайдиться при нажатии на стрелку.

Это сасс код не рабочего, код рабочего аналогичен, разница лиж в цвете бекграунда

.content-facciamo {
  width: 100%;
  padding: 60px 0 60px;
  background: $white;

  .facciamo {
    width: 95%;
    height: auto;
    background: $color-ph-pink;
    margin: 0 auto;

    .main-title {
      font-family: $century-gothic-bold;
      font-size: 20.35px;
      color: $black;
      letter-spacing: 10px;
      margin-bottom: 35px;
      margin-top: 60px;
    }

    .line {
      width: 100%;
      height: 1px;
      background: $white;
    }

    .title {
      font-family: $play-fair;
      font-size: 12.97px;
      color: $black;
      letter-spacing: 2px;
      margin-top: 30px;
    }
    .carousel-control.right, .carousel-control.left { background-image: none;}
    .carousel { margin-top: 70px; margin-bottom: 60px; }
    .carousel-indicators { bottom: 550px}
    .carousel-inner { height: 540px; }

    .glyphicon-chevron-left:before {
      content: " ";
      display: block;
      background: url(../../src/images/arrow-left.png) no-repeat;
      width: 30px;
      height: 30px;
  }

  .glyphicon-chevron-right:before {
    content: " ";
    display: block;
    background: url(../../src/images/arrow-right.png) no-repeat;
    width: 30px;
    height: 30px;
  }

  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    margin-top: 140px;
  }


    .carousel-indicators li {
      display: inline-block;
      width: 9px;
      height: 9px;
      margin: 1px;
      text-indent: -999px;
      cursor: pointer;
      background: $white;
      border-radius: 10px;
      border: 0;
    }

    .carousel-indicators .active {
      display: inline-block;
      width: 9px;
      height: 9px;
      margin: 1px;
      text-indent: -999px;
      cursor: pointer;
      background: $black;
      border-radius: 10px;
    }
  }
}

Answer 1

[dzenn]

<a class="left carousel-control" href="#myCarousel2" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
</a>

Нашел ошибку. Не забывайте менять айдишники ещё и для самых ссылок(стрелок) на которые нажимаете. А то я совсем о них забыл

Comments

[Антон Нагаец]

drtvader
помог вам в решении, вы отвечаете и ставите решением свой ответ, не надо так, Это по меньшей мере некультурно .

[dzenn]

Антон Нагаец: drtvader говорил о об одинаковых айдишниках который указан в главной обёртке слайдера. а моя ошибка была в том, что я айдишники не соединил со стрелками. я отметил его помощь, плюсанул вклад

Answer 2

[drtvader]

айдишник может одинаковый?

Comments

[dzenn]

не помогло

[drtvader]

dzenn: там вроде для каждой карусели своя инициализация нужна

[drtvader]

$(document).ready(function() {
$("#Mycarousel1").carousel({
interval : false
});
});
$(document).ready(function() {
$("#Mycarousel2").carousel({
interval : false
});
});

[dzenn]

drtvader: тоже не работает

[drtvader]

тогда разметку покажите.

[dzenn]

drtvader: спасибо, ошибку нашел ) я в комментарии добавил решения