Поддержка → Проблемы и решения → 2 версии jquery не работают на вордпресс сайте

2 версии jquery не работают на вордпресс сайте

  • Решено elshaarawy

    (@elshaarawy)


    7 лет, 10 месяцев назад

    Странно, такого точно не видел еше.

    Есть у меня на сайте таймер (countdown.js) и карусель изображений (owl.carousel) …

    Код таймера (header.php)

    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

<script type="text/javascript" src="http://site4/wp-content/themes/generic/js/jquery.countdown.js"></script>

Ниже идет хтмл код

    затем, footer.php
    там код карусели

    <script src="http://site4/wp-content/themes/generic/js/jquery-1.9.1.min.js"></script>

<script src="http://site4/wp-content/themes/generic/js/owl.carousel.js"></script>

    <script>

    $(document).ready(function() {
      $("#owl-demo").owlCarousel({
        navigation : true
      });
    });

    </script>

    LATEST.MIN.JS и 1.9.1 js НЕ совместими. Причем если я убираю LATEST и оставляю только 1.9.1, то не работает таймер.
    Если убираю 1.9.1, то карусель не отображается.

    Какое тут рещение проблемы?

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Flector

    (@flector)

    7 лет, 10 месяцев назад

    jQuery в WordPress работает в noConflict режиме, то есть к скриптам надо обращаться не через $, а через jQuery

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    7 лет, 10 месяцев назад

    Какое тут рещение проблемы?

    Сначала должна подключаться библиотека, а уже затем все остальные скрипты, для которых требуется её наличие. На странице должна присутствовать только одна версия библиотеки jQuery.

    <script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="http://site4/wp-content/themes/generic/js/jquery.countdown.js"></script>
<script src="http://site4/wp-content/themes/generic/js/owl.carousel.js"></script>
 <script>

    $(document).ready(function() {
      $("#owl-demo").owlCarousel({
        navigation : true
      });
    });

    </script>

    Поместите весь код либо в header.php, либо в footer.php.

    Автор elshaarawy

    (@elshaarawy)

    7 лет, 10 месяцев назад

    denisco, я так пробовал, но увы не получалось, но спасибо!

    Flector, спасибо, сделал как посоветовали, все заработало!

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Тема «2 версии jquery не работают на вордпресс сайте» закрыта для новых ответов.

Просмотр