$（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()被“調用”。