为什么我的 jQuery 回调函数没有响应？

Question

使用此代码，我希望 called back 出现在我面前，但我什么也没得到。

我遵循了 this 等教程中使用的简单示例，发现它们与我的示例没有明显不同。仍然没有成功。

$.fn.mirror = function (selector, callback) {
    return this.each(function () {
        var $this = $(this);
        var $selector = $(selector);
        $this.bind('keyup', function () {
            $selector.text($this.val()); 
        });
    });
    callback();
};

$('#displayurl').mirror('.displayurl', function () {
    alert('called back');
});

Answer 1

因为你在第一行执行后返回。 return 结束函数的执行，returns 将值传递给调用者。

在这种情况下，您的回调函数将不会执行，因为您正在返回 $.each 函数并终止函数的执行。尝试

$.fn.mirror = function (selector, callback) {
    this.each(function () {
        var $this = $(this);
        var $selector = $(selector);
        $this.bind('keyup', function () {
            $selector.text($this.val()); 
        });
    });
    callback();
    return; //you could return whatever is useful for you if you want.
};

$('#displayurl').mirror('.displayurl', function () {
    alert('called back');
});

我还建议您阅读编程基础知识。

为什么我的 jQuery 回调函数没有响应？

Why is my jQuery callback function not responding?

jquery

callback

jquery-callback