logo标签列表

猫头鹰走马灯返回错误

javascriptjqueryowl-carouselowl-carousel-2
4

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

我不知道为什么它返回这个错误。
3个回答
10
问题在于较旧版本的jQuery中缺少andSelf函数。请尝试将以下内容添加到您的.js文件中。
$.fn.andSelf = function() {
  return this.addBack.apply(this, arguments);
}
谢谢这个有用的提示。我的问题已经解决了。干得好。 - Sedat Kumcu
5

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

因此，为了快速修复，在您的owl.caorusel.min.js文件中，只需将单词"andSelf"替换为"addBack"，即可解决问题。

0

我也遇到了同样的问题。我尝试使用旧版本的jQuery，它可以正常工作。建议您尝试使用旧版本的jQuery。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接