javascript - 別の関数内からの jQuery バインド関数

Question

このサンプルコードがあります。私が必要とするのは、ロード時に一度関数を実行し、それを変更イベントにバインドすることです。条件付き実行が必要です。

if (true) {
    Settings.customImage();
}

Settings.customImage = function() {
    var imageInput = $("#imageInput");
    var imagePreview = $('#imagePreview');

    updateCustomImage();
    imageInput.bind('change', updateCustomImage());

    function updateCustomImage() {
        var src = imageInput.val();
        alert(src);
        imagePreview.html(src ? '<img src="' + src + '">' : '');
    }
}

Answer 1

関数へのコールバックとして関数参照を渡す必要がありbindます。コードでは、関数updateCustomImageを呼び出し、その戻り値 (この場合undefinedは ) をchangeコールバックとして渡しています。

そのはず

imageInput.bind('change', updateCustomImage);