JQuery Function is not defined in scripts file

Question

apparently my jquery function is not defined. I have no idea why. I am calling jquery before the scripts file so thats not the case and the jquery was working fine before I put it in the function.

(function ($) {

function selectCharacter(){
    $('select.character_select').change(function(){

        alert('Select field value has changed to' + $('select.character_select').val());



    });
}

})(jQuery);


selectCharacter();

Possible duplicate of How do JavaScript closures work?

Heretic Monkey
– Heretic Monkey

2017-04-07 21:38:16 +00:00
Commented Apr 7, 2017 at 21:38 — Heretic Monkey
– Heretic Monkey, Commented Apr 7, 2017 at 21:38

Derek · Accepted Answer · 2017-04-07 22:27:27Z

5

This is a scope issue. function creates a new scope. So, you're trying to invoke a private variable to your function outside of your function. You can fix this by changing where you invoke the function:

(function ($) {
    function selectCharacter() {
        $('select.character_select').change(function() {
            alert('Select field value has changed to' + $('select.character_select').val());
        });
    }       
    selectCharacter();
})(jQuery);

edited Apr 7, 2017 at 22:27

Derek

4,7713 gold badges25 silver badges41 bronze badges

answered Apr 7, 2017 at 21:37

Neil

14.3k3 gold badges35 silver badges53 bronze badges

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

Collectives™ on Stack Overflow

JQuery Function is not defined in scripts file

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related