javascript - jQuery Uncaught TypeError in $(selector).on()

I am getting the following error:

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

This is my code and it's somewhere in between the beforeSend and the success calls that the error is happening:

$('#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();
});

I also tried to put inside a $(document).ready(function () { ... } call and I get the exact same error.

I am getting the following error:

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

This is my code and it's somewhere in between the beforeSend and the success calls that the error is happening:

$('#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();
});

I also tried to put inside a $(document).ready(function () { ... } call and I get the exact same error.

Share Improve this question edited Sep 10, 2022 at 11:55 Brian Tompsett - 汤莱恩 5,89372 gold badges61 silver badges133 bronze badges asked Aug 7, 2015 at 11:35 David Gomes 5,84516 gold badges64 silver badges104 bronze badges

1 you have to include jquery before and put it in $( document ).ready(function() {...}); – ozil Commented Aug 7, 2015 at 11:39
Try to use Pause on exception feature in Chrome Dev Tools and go through call stack up with exploring variables – Artem Baranovskii Commented Aug 7, 2015 at 11:41
@ozil Even the first line won't be executed if jQuery was not included or ready wrapper was not implemented. – VisioN Commented Aug 7, 2015 at 11:41
I wrapped it inside a $(document).ready() call and I still get the exact same error. Editing the question to include that. – David Gomes Commented Aug 7, 2015 at 13:06

Add a ment |

1 Answer 1

Sorted by: Reset to default 6

Having the event function return false fixed it because the error was somewhere during the propagation of the event and if an event returns false then event.stopPropagation() is "called".

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - jQuery Uncaught TypeError in $(selector).on() - Stack Overflow

1 Answer 1

与本文相关的文章

评论列表(0)