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

问题

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 on chrome.

But all effects working fine on firefox.

Anyone can help me..

回答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.

回答2:

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!

回答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.

回答4:

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

});

来源：https://stackoverflow.com/questions/25153801/owl-carousel-transitions-effect-not-working-after-chrome-latest-update-v36

标签

jquery

css

google-chrome

css-transitions

owl-carousel