Не удалось загрузить скрипт owl-carousel2 в моей пользовательской теме WordPress - Не удалось загрузить мой скрипт owl + TypeError - PullRequest
Новая
       22

Не удалось загрузить скрипт owl-carousel2 в моей пользовательской теме WordPress - Не удалось загрузить мой скрипт owl + TypeError

0 голосов
/ 27 апреля 2019

Я пытаюсь установить owl-carousel 2 на своей домашней странице блога с помощью wordpress.

Я зарегистрировал скрипты в заказе и запустил короткий код для его активации.

Я получаюошибка "не удается загрузить скрипт по адресу" / good / path / to / my / file / js / owl-carousel.min.js "

Не загружается мой скрипт.Кроме того, есть предупреждение, указывающее, что тип MIME находится в text / html, это должен быть text / javascript.Я не знаю, что это значит.

Может быть проблема с версией?Поскольку у меня уже есть сайт Wordpress, и на этом сайте работает скрипт.

Я сделал то же самое, что и предыдущий сайт, но более правильно, используя функцию wp_enqueue_script ().

Сначала я загружаю jQuery, а затем owl-carousel.

HTML-код хорошо подходит для класса owl-carousel и div, который показывает некоторый фиктивный текст.jQuery хорошо загружается.

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

Я пытался сделать: 


/*------- Active owl carousel --------*/
jQuery(document).ready(function($){
  $(".owl-carousel").owlCarousel();
});

Но это не сработало. У меня все еще есть ответ: «TypeError: $ (...). OwlCarousel не является функцией»

Я не удивлен, потому что моя owl-carousel.min.js незагрузка: см. ошибку в консоли «Не удалось загрузить ...»

Вот часть functions.php моего кода 

//Désactive jquery de wp
wp_deregister_script('jquery');

//Enqueue scripts
function theme_scripts(){
    wp_enqueue_script('jquery-perso', get_template_directory_uri() . '/sources/js/jquery-slim.min.js', array(), '1.0');
    wp_enqueue_script('carousel', get_template_directory_uri() . '/assets/js/owl-carousel.min.js', array(), '');
    wp_enqueue_script('bootstrap', get_template_directory_uri() . '/sources/js/bootstrap.min.js', array(), '1.0', 'true');
    wp_enqueue_script('bootstrap-popper', get_template_directory_uri() . '/sources/js/popper.min.js', array(), '1.0', 'true');
    wp_enqueue_script('headroom', get_template_directory_uri() . '/assets/js/headroom.min.js', array(), '1.0', 'true'); //header scroll stuff
    wp_enqueue_script('main-script', get_template_directory_uri() . '/assets/js/script.js', array(), '1.0', 'true');
    wp_enqueue_script('audioplayer', get_template_directory_uri() . '/assets/js/audioplayer.js', array(), '1.0', 'true'); //audio stuff

}
add_action( 'wp_enqueue_scripts', 'theme_scripts' );

Затем раздел блога home.php, который яиспользуйте 


<!-- Content -->
             <div class="row">
                 <!-- Set up your HTML -->
                    <div class="owl-carousel">
                      <div> Your Content </div>
                      <div> Your Content </div>
                      <div> Your Content </div>
                      <div> Your Content </div>
                      <div> Your Content </div>
                      <div> Your Content </div>
                      <div> Your Content </div>
                    </div>
             </div>

Затем мой скрипт.js, который загружается в конце 

/*------- Active owl carousel --------*/
$(document).ready(function(){
  $(".owl-carousel").owlCarousel();
});

Я должен загружать свой скрипт, но я застреваю с ошибками: Ошибка загрузки "правильно/path/js/owl-carousel.min.js"

и

TypeError: $ (...). owlCarousel не является функцией.

Я ожидаю, чтомой скрипт загружается и не имеет ошибки TypeError.Наконец показывает мои div в front-end.

Некоторая помощь будет очень признательна.(я француз, извините за мой английский)

...