JQuery IE8 Klickfehler

Question

Ich habe den folgenden Code auf meiner Website, der in jedem Browser außer IE8 funktioniert:

$('#callback-submit').click(function(){
    var company_id = $('#company_id').val();
    var number = $('#callback-field').val();
    $.ajax({
        type: "POST",
        url: "ajax.php?action=callback",
        data: {
            company_id: company_id, 
            number: number
        }
    }).done(function( msg ) {
        $('#contactbox').hide('slide', {
            direction: 'right'
        }, 1000);
        $('#contact').addClass('bedankt');
    }); 
});

Wenn ich auf callback-submit klicke, passiert nichts, aber wenn ich buchstäblich an jeder anderen Stelle auf der Website klicke, wird es ausgelöst.

Hat jemand eine Idee, wie man das beheben kann, denn das macht mich WAHNSINNIG!

Danke

BEARBEITEN: VOLLSTÄNDIGES HTML

                        blabla

                    ">
                        Heeft u een vraag en wilt u dat wij u terugbellen? Laat dan hieronder uw naam en telefoonnummer achter.

                    ">

                        Stuur ons een bericht

VOLLSTÄNDIGES JS

$(function() {

    // KONTAKTFORMULAR

    // EINBLICKE
    $('#contact').click(function(){
        $('#contactbox').show();
            $('#contact').removeClass('bedankt');
    });
    $('#contactbox-header').click(function(){
        $('#contactbox').hide();
    });

    // Callback AJAX
    $('#callback-submit').click(function(){
        var company_id1 = $('#company_id').val();
        var number1 = $('#callback-field').val();
        $.ajax({
            type: "POST",
            url: "ajax.php?action=callback",
            data: {
                company_id: company_id1, 
                number: number1
            }
        }).done(function( msg ) {
            $('#contactbox').hide();
            $('#contact').addClass('bedankt');
        }); 
    });

    // Nachrichten AJAX
    $('#message-submit').click(function(){
        var company_id1 = $('#company_id').val();
        var message1 = $('#message-field').val();
        var email1 = $('#email-field').val();
        $.ajax({
            type: "POST",
            url: "ajax.php?action=message",
            data: {
                company_id: company_id1, 
                message: message1,
                email: email1
            }
        }).done(function( msg ) {
            $('#contactbox').hide();
            $('#contact').addClass('bedankt');
        });
    });
});

Answer 1

Ändern Sie Ihren JavaScript-Variablennamen. Dies ist ein bekanntes IE-Problem. Die js-Variable und die Datenvariablennamen sollten nicht gleich sein.

var company_id1 = $('#company_id').val();
var number1 = $('#callback-field').val();

Und

 data: {
            company_id: company_id1, /* Sollte nicht der gleiche Name sein */
            number: number1
        }

Außerdem sollten Sie Ihren span-Tag schließen :

callback
message