Отличный значок шрифта, отображаемый только в режиме отладки - PullRequest
Новая
       18

Отличный значок шрифта, отображаемый только в режиме отладки

0 голосов
/ 06 февраля 2020

Я пытаюсь показать значок FA вращающегося устройства перед ajax отправкой вызова и правильный / неправильный значок FA при завершении ajax, но значки меняются только тогда, когда вся функция завершается. Он отлично работает в режиме отладки, но меняет классы только после того, как функция щелчка перезапустится. 

$('#submitModal').click(function () {           
        for (var i = 0; i < arrInvoices.length; i++) {

            //wait(3000);  //1 seconds in milliseconds
            $.ajax({
                type: "POST",
                url: applicationBaseUrl + "/Home/GenerateActivity",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                async: false,                
                beforeSend: function () {
                    debugger;
                    addClassInModal(i, 'fas fa-spinner fa-pulse');

                },
                success: function (data) {
                    //alert(data);
                    debugger;

                },
                error: function (data) {
                    debugger;
                    //alert(data);
                },
                complete: function () {
                    debugger;
                    //wait(3000);  //1 seconds in milliseconds
                    if (i % 2 == 0) {
                        //success
                        //$("#List_Header_" + i).css({ "background": "green", "color": "white" });
                        $("#List_Icon_" + i).css({ "color": "green" });

                        //$("#List_Icon_" + i).removeClass('fa-spinner fa-pulse');
                        removeClassInModal(i, 'fa-spinner fa-pulse')

                        //$("#List_Icon_" + i).addClass('fa-check-circle');
                        addClassInModal(i, 'fa-check-circle')
                    }
                    else {                        
                        //error
                        //$("#List_Header_" + i).css({ "background": "red", "color": "white" });
                        $("#List_Icon_" + i).css({ "color": "red" });

                        //$("#List_Icon_" + i).removeClass('fa-spinner fa-pulse');
                        removeClassInModal(i, 'fa-spinner fa-pulse')
                        //$("#List_Icon_" + i).addClass('fa-times-circle');
                        addClassInModal(i, 'fa-times-circle')
                    }
                },               
            });

            //alert("out");

            reloadFlag = true;

        }
    });
...