$（selector）中的jQuery Uncaught TypeError .on（）

Question

我收到以下错误：

Uncaught TypeError: ((jQuery.event.special[handleObj.origType] || (intermediate value)).handle || handleObj.handler).apply is not a function

这是我的代码，它位于错误发生的beforeSend和success次调用之间：

$('#main-container').on('click', '#sign-in-btn', function (event) {
    var username = $('#username-textbox').val();
    var password = $('#password-textbox').val();

    $.ajax({
        url: '/login',
        method: 'POST',

        beforeSend: function (xhr) {
            xhr.setRequestHeader('Authorization', 'Basic ' + btoa(username + ":" + password));
        },

        success: function (data) {
        }
    });

    event.preventDefault();
});

我还尝试进入$(document).ready(function () { ... }调用，我得到完全相同的错误。

Answer 1

让事件函数返回false修复它，因为错误发生在事件传播期间，如果事件返​​回false，则event.stopPropagation()被“调用”。