jQuery не работает в IE, но работает в Mozilla

Question

Пожалуйста, помогите мне, мой скрипт jQuery не работает ie8, но работает в FF, пожалуйста, проверьте мой код, есть ли ошибка?

<div class="check_out_button" id="checkout" style="cursor:pointer"><?=translate('Check Out',$lang)?></div>

$(document).ready(function(){
    $('#checkout').click(function(){

    var amount = $('#dnt_amount').val();
    var flag = 0;

    if(amount == "")
    {
        $('#amounterr').css("display","block");;
        flag++;
    }

    if(flag == 0)
    {
        var res = $("#form1").serialize();

        $.ajax({  
                    type: "POST",  
                    url: "<?=site_url('profile/checkout')?>",  
                    data: res,

                    success: function(msg)
                        {
                            $('#amount').val(amount);
                $('#amt').val(amount);
                $('#amounterr').css("display","none");
                $("#fundraiser").css("display","none");
                $("#fundraiser1").css("display","block");
                $("#about").css("display","none");
                        }  
                    }); 
            }           
        });
    });

Answer 1

Попробуйте, были некоторые ошибки javascript, такие как ненужная дополнительная точка с запятой в строке 8.

$(document).ready(function() {
    $('#checkout').click(function() {

        var amount = $('#dnt_amount').val();
        var flag = 0;
        if (amount === "") {
            $('#amounterr').css("display", "block");
            flag++;
        }
        if (flag === 0) {
            var res = $("#form1").serialize();

            $.ajax({
                type: "POST",
                url: "<?=site_url('profile/checkout')?>",
                data: res,

                success: function(msg) {
                    $('#amount').val(amount);
                    $('#amt').val(amount);
                    $('#amounterr').css("display", "none");
                    $("#fundraiser").css("display", "none");
                    $("#fundraiser1").css("display", "block");
                    $("#about").css("display", "none");
                }
            });
        }
    });
});

Answer 2

Я бы начал с очистки этого кода, немного похожего на двойной ;;и в javascript вы всегда должны помещать {в конце строки.

//Bad
if()
{
}

//Good
if(){
}

Вы можете прочитать больше о том, почему здесь Я не уверен, что это проблема здесь, ностоит попробовать.Если нет, нам нужно больше деталей.

Answer 3

У вас есть доктип? Вы говорите браузеру использовать самый последний движок рендеринга? Какую версию IE вы используете? Вы только говорите, что это не работает в IE, но вы не говорите, что вы подразумеваете под этим. Можно предположить, что если он работает в других браузерах, а не в IE, то, возможно, ваша страница отображается в режиме причуд, и у вас есть некоторые проблемы с моделями событий. См. этот ответ , который я недавно опубликовал.