Swiper: Swiper with RequireJS (TypeError: f.wrapper.transition is not a function)

[piotrosmola]

Hi,

When I use Swiper with RequireJS sometimes I get such error:

TypeError: f.wrapper.transition is not a function
...)},f.setWrapperTransition=function(e,a){f.wrapper.transition(e),"slide"!==f.para...

swiper.....min.js (line 15, row 29993)

Is it possible to use Swiper with RequireJS?

Thanks in advance!

[nolimits4web]

You get this error "sometimes" or always?

[piotrosmola]

I got this error sometimes - about 3-5 times on 10 page refreshes - sometines few times in row.

[silentrain]

I have used swiper in angularjs successfully.we need to use directive to init swiper when slide has been inited.

[piotrosmola]

@silentrain thanks for you answer - did you have the same problem? Could you describe it a little bit more?

[owldesign]

Im getting similar error when I updated to swiper 3 from 2.
h.wrapper.transition is not a function

[nolimits4web]

@owldesign are you using vanilla or jQuery version?

[owldesign]

This happened on the jquery one.

[luchun]

h.wrapper.transition is not a function ,I get this when use require.js

[ghost]

Same problem here, any solution yet?

[AmiWeb-ru]

same problem with Drupal. But no RequireJS used. Drupal 7.38 + JQuery Update + some modules — «h.wrapper.transition is not a function» error

[nolimits4web]

Should be fixed in 3.1.0 with swiper.jquery.umd.js

[barlas]

i've got this error aswell and solved this with using native javascript swiper, not jquery swiper

[danielemesh]

Also got the error, out of the blue today (weird!). Never happened on my website, I am using the jquery version (3.2.0), switched to the vanilla js version (3.3.1) and it all works fine.

[christianhaller]

same here

[Villanuevand]

Same here...

[lixiaodong]

@nolimits4web I got the same error ,when i use swiper in requirejs.
require(['jquery','underscore','swiper'],function($,_,Swiper) {

    var mySwiper = new Swiper ('.swiper-container', {
        // direction: 'vertical',
        loop: true,

        // 如果需要分页器
        pagination: '.swiper-pagination'

    });

[lixiaodong]

It's fixed!!!!

this error has confused me 2 days.now it's fixed!
this issue fixed in 3.1.0 with swiper.jquery.umd.js.@nolimits4web you are right.
when i use swiper.jquery.umd.js ,everything runs well.
thank you for your comment @nolimits4web ,but i give you -1.
because your comment is not very clear ...

[shukriadams]

Well, this just saved me from an early, stress-related death.

[wolfierine]

It also works well if you use any version with js.

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.