Conflict between qTip2 and owlCarousel #809

Open
pauliusvitkus opened this Issue Oct 19, 2016 · 0 comments

Projects

None yet

1 participant

@pauliusvitkus

We use OwlCarousel and qTip2 plugins. OwlCarousel is set to autoplay, that means items are changing like slides.

Everything works great with at first and tooltips show up on usual items:

https://i.stack.imgur.com/GqZqq.png

The problem is when items changes and new ones are cloned (div classes owl-item cloned active) tooltips don't show up anymore:

https://i.stack.imgur.com/w0idO.png

My code for owlCarousel:

<div class="slider" data-items="10" data-timing="3000" data-autoplay="true">
  <ul class="slides">
   <li><a><img alt="img" src="egle_rakauskaite_small.png" title="Eglė Rakauskaitė, OMConsulting vyr. projektų vadovė"></a></li>
   <li><a><img alt="img" src="milda_gauliene_small.png" title="Milda Gaulienė, OMConsulting projektų vadovė"></a></li>
   <li><a><img alt="img" src="lukas_mikelaitis_small.png" title="Lukas Mikelaitis, vipcommunications projektų vadovas"></a></li>
   <li><a><img alt="img" src="orijana_masale_small.png" title="Orijana Mašalė, OMConsulting vadovė"></a></li>
   <li><a><img alt="img" src="andrius_kasparavicius_small.png" title="Andrius Kasparavičius, koko vadovas"></a></li>
   <li><a><img alt="img" src="egle_rakauskaite_small.png" title="Eglė Rakauskaitė, OMConsulting vyr. projektų vadovė"></a></li>
   <li><a><img alt="img" src="milda_gauliene_small.png" title="Milda Gaulienė, OMConsulting projektų vadovė"></a></li>
   <li><a><img alt="img" src="lukas_mikelaitis_small.png" title="Lukas Mikelaitis, vipcommunications projektų vadovas"></a></li>
   <li><a><img alt="img" src="orijana_masale_small.png" title="Orijana Mašalė, OMConsulting vadovė"></a></li>
   <li><a><img alt="img" src="andrius_kasparavicius_small.png" title="Andrius Kasparavičius, koko vadovas"></a></li>
 </ul>
</div>

My code for qTip2:

jQuery('img[title]').qtip({
  style: {
    classes: 'myCustomTooltipClass'
  },
  position: {
    my: 'bottom center',
    at: 'bottom center',
    adjust: {
      y: -65
    }
  }
});

How can this problem be solved? It seem there is conflict between OwlCarousel and qTip2 plugins.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment