• 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()

0 głosów
106 wizyt
pytanie zadane 29 marca 2018 w JavaScript przez Paweł Barszcz Użytkownik (910 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,320 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 (118,740 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,390 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ź 137 wizyt
pytanie zadane 19 września 2016 w JavaScript przez niezalogowany
+1 głos
1 odpowiedź 36 wizyt
pytanie zadane 24 października w JavaScript przez void6 Użytkownik (740 p.)

85,873 zapytań

134,644 odpowiedzi

298,914 komentarzy

56,739 pasjonatów

Advent of Code 2021

Top 15 użytkowników

  1. 926p. - rucin93
  2. 925p. - Whistleroosh
  3. 912p. - nidomika
  4. 876p. - adrian17
  5. 867p. - Michal Drewniak
  6. 866p. - Mikbac
  7. 863p. - Mateusz Bogdan
  8. 859p. - CC PL
  9. 797p. - Argeento
  10. 704p. - ScriptyChris
  11. 683p. - tokox
  12. 660p. - Vinox
  13. 645p. - TheLukaszNs
  14. 642p. - s. Dorota Kowalewska
  15. 601p. - Marcin Harasimowicz
Szczegóły i pełne wyniki

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...