猫头鹰轮播返回错误答案

【问题标题】：Owl Carousel returning errors猫头鹰轮播返回错误
【发布时间】：2016-11-13 17:08:08
【问题描述】：

我正在尝试在我的网站上安装 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>

控制台返回这个：

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(…)

我不知道为什么它会返回这个错误。

【问题讨论】：

标签： javascript jquery owl-carousel owl-carousel-2

【解决方案1】：

问题在于旧版本的 jQuery 中没有 andSelf 函数。尝试将以下内容添加到您的 .js 文件中

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

【讨论】：

感谢这个有用的提示。我的问题解决了。好作品。

【解决方案2】：

.andSelf() 在 jQuery 1.8 中被弃用并在 jQuery 3.0 中被移除。 .addBack() 应该从 jQuery 1.8 开始使用。

因此，为了快速而肮脏地修复，在您的 owl.caorusel.min.js 文件中，只需将单词“andSelf”替换为“addBack”，它就会工作。

【讨论】：

【解决方案3】：

同样的问题。我尝试使用旧版本的 jQuery，它工作得很好。尝试使用旧版本的 jQuery。

【讨论】：