Div.show () открывает модальный элемент DIV в конце скрипта, а не в соответствии с последовательностью кода - PullRequest
Новая
       15

Div.show () открывает модальный элемент DIV в конце скрипта, а не в соответствии с последовательностью кода

0 голосов
/ 15 февраля 2019

При нажатии кнопки я пытаюсь открыть модальный div с загрузчиком gif.Но в то же время сразу после строки .style.display появляется еще несколько строк кода javascript.Таким образом, другой сценарий начал выполняться, но .style.display запаздывает, а модель div открывается с задержкой.

Я ожидаю, что сначала откроется быстрый загрузчик div, а затем пусть код JavaScript работает за ним

Iтакже пытался показать модальное всплывающее окно в событии mousedown, но затем никогда не выполняло событие click (). 

$("#atm-btn").click(function () {
//code to open modal div 
document.getElementById("imgLoading").style.display = "block";
//other line of code starts
$("#atm-btn").addClass("active");
$("#cu-btn").removeClass("active");
$("#CUResultTable").hide();
$("#ATMResultTable").show();
$("#dvLocation").show();
$("#dvServices").hide();
$("#dvAffiliations").hide();
$("#ulSelectedFilters").hide();
$("#ulSelectedLocationFilters").show();
$("#dvShowPerPageCU").hide();
$("#dvShowPerPageATM").show();
$("#mapATMResult").show();
$("#mapCUResult").hide();
localStorage.setItem("atnbtn", "true");
$("#pages").detach();
$("#spanPageNumber").detach();
$(".iconIdentifier").show();
//Ajax call to API
LoadATM();        
//once done hide div tag
setTimeout(function () {
$("#imgLoading").hide();
}, 500);
});

Ожидается сначала модальный div с быстрым загрузчиком (gif), а затем выполняется другой скрипт

...