My javascript function cannot be found

Question

I have the following:

$(function () {

    $.ajaxSetup({ cache: false });
    var dialogs = {};

    var formSubmitHandler = function (e) {
        ...
    }

}

then in another script I try to call

function dialogClick(link) {

    $.get(viewUrl + parameters)
            .success(function (content) {
                if (content.match(/^[eE]rror/)) {
                    mvcOnFailure(data)
                } else {
                    $.modal({
                        title: title,
                        closeButton: true,
                        content: content,
                        width: false,
                        resizeOnLoad: true
                    }).find('form').submit(formSubmitHandler).end();
                }
            })

Note that I have cut out parts of the script to make it easy to read. There are no script errors showing just the following error:

In the second script I get an error message saying "SCRIPT5009: 'formSubmitHandler' is undefined' in Internet Explorer.

Am I calling it wrongly? I thought the function would be global and when I check the script that it is inside of is attached to the page.

Pointy · Accepted Answer · 2012-04-24 12:53:01Z

7

No, it's not global; your "formSubmitHandler" function is declared within the "ready" callback in the first block of sample code you posted. It's therefore private to that function.

What you could do, if you really want a global function, is:

window['formSubmitHandler'] = formSubmitHandler;

in the first function. Or, alternatively, you could make it a jQuery "global" function:

$['formSubmitHandler'] = formSubmitHandler;

In that case, you'd get to it as $.formSubmitHandler.

answered Apr 24, 2012 at 12:53

Pointy

415k62 gold badges600 silver badges631 bronze badges

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

Comments

tuscan88 · Accepted Answer · 2012-04-24 12:54:43Z

0

Try moving your function out of the function block e.g

$(function () {

    $.ajaxSetup({ cache: false });
    var dialogs = {};
}

var formSubmitHandler = function (e) {
    ...
}

answered Apr 24, 2012 at 12:54

tuscan88

5,86912 gold badges57 silver badges112 bronze badges

Comments

David Hellsing · Accepted Answer · 2012-04-24 12:55:00Z

0

formSubmitHandler only exists within the function scope you declare it, since you used the var variable.

You need to either:

declare dialogClick in the same scope
declare formSubmitHandler in the global scope, using window.formSubmitHandler or simply function formSubmitHandler(){}

answered Apr 24, 2012 at 12:55

David Hellsing

109k44 gold badges181 silver badges214 bronze badges

Comments

Fabrizio Calderan · Accepted Answer · 2012-04-24 12:55:42Z

0

formSubmitHandler is a function declared in a scope not visible for the dialogClick() function

So

Either you declare formSubmitHandler as global
or you define the function dialogClick inside document.ready function (and formSubmitHandler is reachable since is in a parent scope)

answered Apr 24, 2012 at 12:55

Fabrizio Calderan

124k26 gold badges171 silver badges183 bronze badges

Collectives™ on Stack Overflow

My javascript function cannot be found

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related