javascript - jQuery : $ ("#id") doesn't work in a function

Question

我的 jQuery 函数有问题。

此代码有效:

$("input.read_picture").on('keyup', function () {
        $("#load_picture").attr('src', $(this).val());

        $("#load_picture").error(function(){
            $(this).attr('src', 'http://www.rnc-ci.net/images/joomlart/demo/default.jpg');
        });

        $("#show_picture").css('display', 'block');
    });

但是当我想将函数存储到 jQuery 事件中时，它不起作用。没有显示任何内容。

这是不起作用的代码:

function changePicture(url) {
        $("#load_picture").attr('src', url);

        $("#load_picture").error(function(){
            $(this).attr('src', 'http://www.rnc-ci.net/images/joomlart/demo/default.jpg');
        });

        $("#show_picture").css('display', 'block');
    }

    $("input.read_picture").on('keyup', changePicture($(this).val()));

感谢您的帮助!

Answer 1

这个，

$("input.read_picture").on('keyup', changePicture($(this).val()));

加载处理程序后将立即调用该函数。

使用回调，

$("input.read_picture").on('keyup', function(){
    changePicture($(this).val())
});