Drukowana wersja tematu

Napisany przez: blokern 2.03.2021, 17:21:38

Hejka mam taki kod

[PHP] pobierz, plaintext 
$(document).ready(function(){
    $(".filtr").click(function(){
        //$(".preloader").css("display", "block");
        var data = $(this).attr("name");
        $(this).addClass("check");
        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();
            }
        });
    });
});
[PHP] pobierz, plaintext 

dlaczego to

[PHP] pobierz, plaintext 
 $(this).addClass("check");
[PHP] pobierz, plaintext 

wykonuje sie dopiero jak skonczy wykonywac sie to

[PHP] pobierz, plaintext 
 apartamenty.forEach
[PHP] pobierz, plaintext 

i jak moge spowodowac zeby addClass nie czekal na koniec petli?

Napisany przez: LowiczakPL 2.03.2021, 19:39:13

Na pewno wykonuje się od razu jak klikasz w filtr, nie czeka na koniec pętli o którym piszesz.
Ta linia kodu wykonuje się zanim pętla się zacznie wykonywać.

Napisany przez: blokern 2.03.2021, 20:14:09

Jednak jest inaczej i wynik w przeglądarce widzę dopiero po wykonaniu tej pętli.czytalem o asynchronicznym ladowaniu się kodu, że może tutaj leży problem. Console.log kiedy dam w tym samym miejscu co linijka z addclass wyświetla tekst który sobie wpisze ale z akcjami typu DOM chyba jest inaczej? Mądrze się a nie wiem ale tak czy siak nie wykonuje się jedno po drugim tylko czeka skrypt aż skończy mielić fotelach w funkcji
$(".filtr").click(function()

Napisany przez: trueblue 3.03.2021, 07:33:01

A co się dzieje po usunięciu pętli?
Ile jest elementów apartamenty i gdzie inicjujesz tą zmienną?

Napisany przez: blokern 3.03.2021, 11:28:47

jak usune petle to leci z wykonywaniem po kolei. wlasciwie to nie widac przez chwile preloader bo jest show i hide po sobie
210 apartamentow

a jeszcze mam pytanie o to
apartamenty.forEach(function(id) {})

wyswietli jak skonczy sie petla a czy da sie wyswietlac w trakcie wykonywania petli?

Napisany przez: trueblue 3.03.2021, 11:46:50

Spróbuj owinąć pętlę w:

[HTML] pobierz, plaintext 
setTimeout(function(){
 
...pętla
 
}, 10);
[HTML] pobierz, plaintext 

Napisany przez: LowiczakPL 7.03.2021, 07:41:44

ten kod nie jest napisany tak aby czekał jak skończy się pętla, ten kod modyfikuje DOM w każdym przebiegu pętli, dzieje się to po prostu tak szybko że nie zauważasz tego, aby to sprawdzić wystarczy dać pauzę KILKA sekund opóźnienia na końcu pętli (nie znaczy to poza pętla ale przed jej zakończeniem) a przekonasz się że tek kod przed pętlą o który pytałeś wcześniej wykonuje się najpierw i że każda linia wykonuje się na stronie jedna po drugiej nie czekając na koniec pętli.

funkcja opóźniająca



użycie funkcji aby opóźniać wykonywanie pętli w mili sekundach, 1 sekunda to 1000 mili sekund, poniżej to 2 sekundy