[js] wykonywanie skrypto z forEach

[frikifrik]

czesc

mam taki kod:

$(document).ready(function(){
    $(".filtr").click(function(){
        $(".preloader").css("display", "block");
        var data = $(this).attr("name");
        apartamenty.forEach(function(id) {
            var kalendarz = $("div[name="+id+"]").attr(data);
            if($("div[name="+id+"]").is(':visible'))
            {
                if(kalendarz==0){
                        $("div[name="+id+"]").hide();
                }
            }else{
                $("div[name="+id+"]").show();
            }
        });
		$(".preloader").css("display", "none");
    });
});

 

naciskam przycisk i chcialbym zeby warstwa o klasie preloader sie pojawila i w sumie wszystko dziala gdyby nie apartamenty.forEach

poniewaz preloader pokazuje mi sie i znika po wykonaniu petli a chcialbym zeby preloader pokazal sie przed petla i schowal po wykonaniu petli.

czy ja dobrze rozumiem, ze JS czeka z wykonaniem pozostalych rzeczy az pętla sie nie skonczy? i czy da sie to jakos ominac?

[Mion]

Akcje związane z DOM chyba będą działały asynchronicznie więc nieblokująco. Musisz to rozwiać na promisach lub async / await .

[Presta]

A możesz sprawdzić ile razy pętla się wykona ? wtedy przy ostatnim cyklu dasz w pętli warunek + display none.