Ошибка сова карусели

Я пытаюсь установить Owl Carousel 2 на своем веб-сайте, впервые используя это, и после всех надстроек у меня все еще возникают проблемы.Ошибка сова карусели

После импорта всех файлов:

<head> 
<meta charset="utf-8"> 
<title>The badass man alive</title> 
<!-- CSS --> 
<link rel="stylesheet" href="assets/vendors/font-awesome/css/font-awesome.min.css"> 
<link rel="stylesheet" href="assets/vendors/owl-carousel/assets/owl.carousel.css"> 
<!-- Javascript --> 
<script src="assets/vendors/jQuery/jquery-3.1.1.min.js" type="text/javascript"></script> 
<script src="assets/vendors/owl-carousel/owl.carousel.min.js" type="text/javascript"></script> 
<script src="assets/js/script.js" type="text/javascript"></script>

Добавление демку Javascript код:

$(function() { 
    $('.owl-carousel').owlCarousel({ 
    loop:true, 
    margin:10, 
    nav:true, 
    responsive:{ 
     0:{ 
      items:1 
     }, 
     600:{ 
      items:3 
     }, 
     1000:{ 
      items:5 
     } 
    } 
    }); 
});

и пытается загрузить файл примера:

<div class="owl-carousel"> 
    <div class="item"><h4>1</h4></div> 
    <div class="item"><h4>2</h4></div> 
    <div class="item"><h4>3</h4></div> 
    <div class="item"><h4>4</h4></div> 
    <div class="item"><h4>5</h4></div> 
    <div class="item"><h4>6</h4></div> 
</div>

Консоль возвращает thi с:

jQuery.Deferred exception: a(...).find(...).andSelf is not a function TypeError: a(...).find(...).andSelf is not a function 
    at c.<anonymous> (file:///.../assets/vendors/owl-carousel/owl.carousel.min.js:2:7592) 
    at HTMLDivElement.e (file:///.../assets/vendors/jQuery/jquery-3.1.1.min.js:2:3655) 
    at HTMLDivElement.dispatch (file:///.../assets/vendors/jQuery/jquery-3.1.1.min.js:3:10315) 
    at HTMLDivElement.q.handle (file:///.../assets/vendors/jQuery/jquery-3.1.1.min.js:3:8342) 
    at Object.trigger (file:///.../assets/vendors/jQuery/jquery-3.1.1.min.js:4:5808) 
    at HTMLDivElement.<anonymous> (file:///.../assets/vendors/jQuery/jquery-3.1.1.min.js:4:6318) 
    at Function.each (file:///.../assets/vendors/jQuery/jquery-3.1.1.min.js:2:2815) 
    at r.fn.init.each (file:///.../assets/vendors/jQuery/jquery-3.1.1.min.js:2:1003) 
    at r.fn.init.trigger (file:///.../assets/vendors/jQuery/jquery-3.1.1.min.js:4:6294) 
    at e.trigger (file:///.../assets/vendors/owl-carousel/owl.carousel.min.js:1:22366) undefined 
Uncaught TypeError: a(...).find(...).andSelf is not a function(…)

И у меня нет идей, почему он возвращает эту ошибку.

источник

2016-11-13 Richard Rodrigues

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

источник

2016-12-08 06:57:32

Проблема заключается в отсутствии функции andSelf в более ранних версиях jQuery. Попробуйте добавить в ваш .js файл следующих

$.fn.andSelf = function() { 
    return this.addBack.apply(this, arguments); 
}

источник

2017-04-08 12:24:00

.andSelf() осуждались в JQuery 1.8 и удалено в JQuery 3.0. .addBack() следует использовать вместо jQuery 1.8 дальше.

Так что для быстрой и грязной правки, в вашем owl.caorusel.min.js файла, просто заменить слово «andSelf» с «addBack», и он будет работать.

источник

2018-02-16 08:31:24 pihyper

ответ

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