Owl Carousel Transitions Effect Not Working After Chrome Latest Update (V36)

Question

i\'m using the OWl carousel for a while everything were perfect but recently i faced a issue after my chrome browser update. The css transition effects are not working anymore o

Answer 1

I have found the Solution friends.

Here is that..

Replacing the below line of code

support3d = (asSupport !== null && asSupport.length >= 1 && asSupport.length <= 2);

instead of

support3d = (asSupport !== null && asSupport.length === 1);

This Solved My Problem. Now CSS Transitions Working Fine on All Browsers.

Answer 2

I was an issue in the Owl.Carousel 2 version. The carousel does't work in Chrome. Then I added this line in my script. The slider is now working fine in all browsers on my end.

Please add var $ = jQuery.noConflict(); in your script file.

ex.

var $ = jQuery.noConflict();
$(document).ready(funnction() {

//your script goes to here

}); 

Answer 3

For the convenient, I've created a branch for it, easy to merge, easy to download: https://github.com/lib-issue/OwlCarousel/tree/stackoverflow_25153801

It's possible to use:

support3d = (asSupport !== null && asSupport.length !== 0);

as well.

Answer 4

In version 1.3.3 replace this:

support3d = (asSupport !== null && asSupport.length === 1);

in line 804 with this:

support3d = (asSupport !== null && asSupport.length >= 1 && asSupport.length <= 2);

Then it should work out just fine!