How to call function from another file with requireJS

Question

I have two files - main, and events. I'm trying to call some function from one file to another.

So, this is how it looks:

events

require(['app/main'], function(call) {
    // click event respond test
    document.body.addEventListener("click", function(e) {
        var target = e.target;
        if (target.hasClass === "call"){
            functionCall()();
        }
    });
});

main

define(["jquery"], function() {

    // Call
    var box = $('.box');
    return function functionCall(){
        box.addClass('visible');
    }
});

What is wrong, can anyboyd help?

I know you're trying to require a module in another file but what exactly are you trying to achieve when you call it? — dcodesmith
– dcodesmith, Commented Jan 24, 2014 at 16:00
call function from other file after click on some element - simple — Lukas
– Lukas, Commented Jan 24, 2014 at 16:02

MamaWalter · Accepted Answer · 2014-01-24 16:36:25Z

4

main:

define(["jquery"], function($) {

    var main =  {
        functionCall: function(){
            $('.box').addClass('visible');
        }
    }

    return main;
});

events:

require(['jquery','app/main'], function($, main) {

    $('body').on('click', function () {
        if($(this).hasClass('call')){
            main.functionCall();
        }
    });

});

edited Jan 24, 2014 at 16:36

answered Jan 24, 2014 at 16:08

MamaWalter

2,1131 gold badge19 silver badges27 bronze badges

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

Comments

Nazar Harasym · Accepted Answer · 2014-01-24 16:09:18Z

0

One way is to add this code where you need to make call to function: require('pathToModuleOrModuleName').functionYouWantToCall()

But if you have module defined or required in the beggining (as 'main' in the events), then in place where call to function needed just add:

call.functionName();

answered Jan 24, 2014 at 16:09

Nazar Harasym

432 silver badges8 bronze badges

Comments

Louis · Accepted Answer · 2014-01-24 16:18:04Z

0

Unless my eyes deceive me the simplest change to make to your code would be to replace this:

functionCall()();

with this:

call();

since the function that the main module returns is imported as call in your events module, because that's how you name it in the callback passed to define.

answered Jan 24, 2014 at 16:18

Louis

152k28 gold badges288 silver badges332 bronze badges

Comments

eshcol · Accepted Answer · 2014-01-24 16:18:06Z

0

Firstly your code has some basic problems

In the following code

define(["jquery"], function() {

Where are you referring the query inside the function definition. I think you should first map the jquery defined into the function declaration like below

  define(["jquery"], function($) {

Secondly, what is the () doing after the calling function?

if (target.hasClass === "call"){
   functionCall()();
}

Remove the trailing () from that call. It should just be functionCall();

answered Jan 24, 2014 at 16:18

eshcol

5791 gold badge4 silver badges10 bronze badges

1 Comment

Lukas Over a year ago

i have maped jquery in my main/config file, and that is the write mistake, my function is defined corectly... :)

Collectives™ on Stack Overflow

How to call function from another file with requireJS

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related