javascript - Owl carousel - TypeError: this.$element.attr(...) is undefined - Stack Overflow

admin管理员组

文章数量:1391990

On my wordpress site i use jQuery 1.12.4 together with owl carousel 2.2. When i load an carousel i get the following error:

TypeError: this.$element.attr(...) is undefined

The carousel is not working. jQuery is loadad in the header and owl carousel in the footer. I call owl carousel in a js file which is loadad after the owl carousel js:

jQuery(document).ready(function($) {
    $("#services-slider").owlCarousel();
});

On my wordpress site i use jQuery 1.12.4 together with owl carousel 2.2. When i load an carousel i get the following error:

TypeError: this.$element.attr(...) is undefined

The carousel is not working. jQuery is loadad in the header and owl carousel in the footer. I call owl carousel in a js file which is loadad after the owl carousel js:

jQuery(document).ready(function($) {
    $("#services-slider").owlCarousel();
});

• javascript
• owl-carousel

Share Improve this question Follow asked Feb 24, 2017 at 14:41 public9nfpublic9nf 1,40933 gold badges2020 silver badges5252 bronze badges 2

• 2 Could you please break this down into a codepen? That would be helpful. – SinDeus Commented Feb 24, 2017 at 14:52
• It has someting to do with the version of owl carousel. I now use an old owl carousel version and it works. – public9nf Commented Feb 24, 2017 at 15:25

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

Just add any class to your #services-slider element. For examle

<div id="services-slider" class="owl-carousel">
  ....
</div>

Just minute ago have the same problem on Wordpress...

Look:

1. id="services-slider" - must be only ONE element with id="services-slider" on page
2. the element id="services-slider" must have class="owl-carousel"

本文标签： javascriptOwl carouselTypeError thiselementattr() is undefinedStack Overflow