• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Płynne przechodzenie elementów z hide() na show()

VPS Starter Arubacloud
0 głosów
156 wizyt
pytanie zadane 29 marca 2018 w JavaScript przez Paweł Barszcz Użytkownik (950 p.)
edycja 29 marca 2018 przez Arkadiusz Waluk

Mam taki problem, w zmiennej tabelki trzymam wszystki tabele, tabele pokazują się po 1 wg data-table.

Funkcja niżej zawiera chowanie się wszystkich tabel i pokazywanie tylko ten bieżącej. I tu jest problem...

Jak się chowa bieżąca tabela i pojawia następna to jest duży przeskok i chwilowo się bugują tabelki, tzn nowa pojawia się na dole tej starej i ją wypycha do góry..

 

Chciałbym uzyskać płynny efekt fadeOut a zaraz po nim FadeIn ( nowej tabeli) próbowałem już przez queue ale za bardzo nie pomogło.

$.each(tabelki, function(){
            if($(this).data("table") == getd){
                tabelki.fadeOut("fast");
                $(this).fadeIn(100);
            }
        });
komentarz 29 marca 2018 przez Mariusz08 Maniak (62,300 p.)
Kod wstawiamy w specjalne bloczki z kodem.

3 odpowiedzi

0 głosów
odpowiedź 29 marca 2018 przez kevin Mądrala (5,010 p.)
Może coś jest źle w kodzie tabelki ? Jak tak ukrywasz jedną tabelke to normale że na jej pozycję wskoczy druga żeby pustego miejsca nie było
0 głosów
odpowiedź 29 marca 2018 przez pablop76 VIP (123,060 p.)
Może użyj funkcji

.delay()

o wartości równej

.fadeOut ()
0 głosów
odpowiedź 29 marca 2018 przez ShiroUmizake Nałogowiec (46,300 p.)
Z tego co pamiętam fadeIn, nie przyjmuje callback, musisz użyć animate.

http://api.jquery.com/animate/

Tam możesz zarządzać każdą klatką animacji jak i co ma się stać po animacji (w twoim przyapdku fadeIn). Aczkolwiek lepiej to rozwiązać na keyframes i strzeliwać się po przez $('.cos').addClass() bądż toggleClass();

Podobne pytania

0 głosów
1 odpowiedź 154 wizyt
pytanie zadane 20 czerwca 2022 w JavaScript przez AnimaVillis Stary wyjadacz (11,190 p.)
0 głosów
1 odpowiedź 170 wizyt
pytanie zadane 19 września 2016 w JavaScript przez niezalogowany

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...