Carousel with requirejs. Hammer is not defined

[alexey-shaposhnikov]

Uncaught TypeError: undefined is not a function bootstrap-touch-carousel.js:11
g._regTouchGestures bootstrap-touch-carousel.js:11
g bootstrap-touch-carousel.js:11
(anonymous function) bootstrap-touch-carousel.js:11
m.extend.each jquery.1.11.1.js:2
m.fn.m.each jquery.1.11.1.js:2
a.fn.carousel bootstrap-touch-carousel.js:11

I'm using requirejs and it looks like hammer is not injected

[ixisio]

@alexeyCRLNX will invest..!

[ixisio]

@alexeyCRLNX can you please paste me your bootstrap-touch-carousel.js line: 11 here..

[ixisio]

I'm using requirejs and it looks like hammer is not injected

Like bootstrap, this plugin isn't AMD ready, it only modifies the jQuery object for the additional methods. But you can add in the Bootstrap.Carousel as a module w/o declaring a parameter.

define([
    "jquery",
    "carousel"
],
function($){
    $("#carousel").carousel();
});

[jonesmac]

Can you give a better example for using this within a module? I have added this as a dependency, but it still give the undefined error and hammer.js doesn't load.

define([ 
    'jquery', 
    'bootstrap', 
    'bootstrapTouch'
], 
function (jquery) {
    var $ = jquery;
    $('#carousel-example-generic').carousel();
});

[jayanandan]

Any update on this issue. I'm facing the same issue in our application. And do we need to include hammer.js as seperate library? Or is it containing hammer.js already?