脚本文件中未定义 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 创建一个新的作用域。因此，您尝试在函数外部调用函数的私有(private)变量。您可以通过更改调用函数的位置来解决此问题:

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