脚本文件中未定义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);