Не работает JS для карусели

Здравствуйте. Сверстал страницу. На локальном сервере все работает. Начал переносить на modx — карусель работать перестала.
Привожу исходник карусели:
<section id="showcase">
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner">
        <div class="carousel-item carousel-image-1 active" style="background-image: url('/assets/img/image1.jpg');">
          <div class="container">
            <div class="carousel-caption d-none d-block text-right mb-5">
              <h1 class="display-3">Heading One</h1>
              <p class="lead">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste, aperiam vel ullam deleniti reiciendis ratione
                quod aliquid inventore vero perspiciatis.</p>
              <a href="#" class="btn btn-danger btn-lg">Sign Up Now</a>
            </div>
          </div>
        </div>

        <div class="carousel-item carousel-image-2" style="background-image: url('/assets/img/image2.jpg');">
          <div class="container">
            <div class="carousel-caption d-none d-block mb-5">
              <h1 class="display-3">Heading Two</h1>
              <p class="lead">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste, aperiam vel ullam deleniti reiciendis ratione
                quod aliquid inventore vero perspiciatis.</p>
              <a href="#" class="btn btn-primary btn-lg">Learn More</a>
            </div>
          </div>
        </div>

        <div class="carousel-item carousel-image-3" style="background-image: url('/assets/img/image3.jpg');">
          <div class="container">
            <div class="carousel-caption d-none d-block text-right mb-5">
              <h1 class="display-3">Heading Three</h1>
              <p class="lead">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste, aperiam vel ullam deleniti reiciendis ratione
                quod aliquid inventore vero perspiciatis.</p>
              <a href="#" class="btn btn-success btn-lg">Learn More</a>
            </div>
          </div>
        </div>
      </div>

      <a href="#myCarousel" data-slide="prev" class="carousel-control-prev">
        <span class="carousel-control-prev-icon"></span>
      </a>

      <a href="#myCarousel" data-slide="next" class="carousel-control-next">
        <span class="carousel-control-next-icon"></span>
      </a>
    </div>
  </section>
Так выглядит скрипт:
$('.carousel').carousel({
      interval: 3000,
      keyboard: true,
      pause: 'hover',
      wrap: true
    });


    $('#myCarousel').on('slide.bs.carousel', function () {
      console.log('SLIDE!');
    });

    $('#myCarousel').on('slid.bs.carousel', function () {
      console.log('SLID!');
    });
Он подключается вместе с остальными скриптами в футере следующим образом:

<script src="/assets/js/main.js"></script>
вот все подключенный скрипты:
<script src="http://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
    crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
    crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T"
    crossorigin="anonymous"></script>
    <script src="/assets/js/main.js"></script>
Буду благодарен за ответы
Sergey
23 марта 2020, 14:23
modx.pro
75
0

Комментарии: 2

Станислав
23 марта 2020, 14:31
+1
в консоли должна быть ошибка, скорее всего что то со скриптами, можете написать whatsapp +79195151313, помогу, чем смогу
    Sergey
    23 марта 2020, 16:46
    0
    В консоль посмотрел помогло найти ошибку, спасибо. Ошибка исправилась когда поправил http на https протокол в строке подключения jquery
    Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
    2