Twitter Bootstrap js file loaded but not working alongside requirejs

Question

I have a Laravel app that uses Twitter Bootstrap. Everything was working fine and then I implemented the Aloha WYSIWYG editor - http://www.aloha-editor.org/ which uses RequireJS.

I load the JS files in the following order:

jQuery
BootstrapJS file
RequireJS
AlohaJS

In that order, Aloha will work fine but the $().modal function won't work (TypeError is not a function...) I can see that bootstrap.min.js is loaded in Firebug though.

If I remove the RequireJS the bootstrap functions work fine.

I have had a look at the doco but what I don't understand is why my Bootstrap functions don't work even though the file is being loaded properly ? Do I have to load it in RequireJS ?

In the RequireJS doco, you should load RequireJS like that: <script data-main="/assets/main" src="/assets/lib/require.js"></script> but the way Aloha tells us to implement doesn’t have any data-main attribute, so where is the main.js file where the modules are being loaded?

Thank you

found this but offers no solution: getsatisfaction.com/aloha_editor/topics/… — Ben Dubuisson
– Ben Dubuisson, Commented Nov 21, 2013 at 22:41

Community · Accepted Answer · 2017-05-23 12:28:29Z

2

Try again with code below:

requirejs.config({
    appDir: ".",
    baseUrl: "js",
    paths: { 
        'jquery': ['//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min', 'libs/jquery-min'],
        'bootstrap': ['//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.', 'libs/bootstrap-min']
    },
    shim: {
        'bootstrap' : ['jquery']
    }
});

require(['jquery', 'bootstrap'], function($) {
    console.log("Loaded :)");    
    return {};
});

See more Loading Bootstrap from CDN with Require.js

edited May 23, 2017 at 12:28

CommunityBot

11 silver badge

answered Nov 21, 2013 at 20:19

Tiago Barreto

82213 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ben Dubuisson Over a year ago

Where does that code go? Will I not override the settings that AlohaJS use if I do that? As I mentioned there is no main.js

Ben Dubuisson Over a year ago

and yes I had seen this stackoverflow.com/questions/13464846/…

Collectives™ on Stack Overflow

Twitter Bootstrap js file loaded but not working alongside requirejs

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related