脚本文件中未定义JQuery函数

Question

显然我的jquery函数没有定义.我不知道为什么.我在脚本文件之前调用jquery,所以不是这样,jquery在我把它放入函数之前工作正常.

(function ($) {

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

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



    });
}

})(jQuery);


selectCharacter();

Answer 1

这是一个范围问题.function创建一个新的范围.所以,你试图在你的函数之外调用你的函数的私有变量.您可以通过更改调用函数的位置来解决此问题:

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