Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] [JQuery] Jak animować text dodany metodą text() przy dodawaniu go?
gburhiphop
post 13.06.2017, 14:14:49
Post #1





Grupa: Zarejestrowani
Postów: 57
Pomógł: 0
Dołączył: 12.07.2016

Ostrzeżenie: (0%)
-----


Chcę uzyskać efekt "pojawiania się" tekstu dodanego metodą text() np
$("#div_w_ktorym_bedzie_tekst").text("tekst. Jego chcę animować metodą show()").hide().show(3000);
Takie coś oczywiście nie działa. Problem chyba w tym, że nie wiem jak odwołać się do tak dodanego tekstu, ponieważ nie ma on id ani nic takiego. Ale po odwołaniu się do niego, gdy jest już utworzony i zrobieniu czegoś takiego:
$("#div_w_ktorym_bedzie_tekst").text().hide().show(3000);
Też nie działa

Ten post edytował gburhiphop 13.06.2017, 14:15:37
Go to the top of the page
+Quote Post
viking
post 13.06.2017, 14:33:06
Post #2





Grupa: Zarejestrowani
Postów: 6 378
Pomógł: 1116
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


https://jsfiddle.net/gwLtbpzz/ działa
Konsola, popraw ewentualne błędy.


--------------------
Go to the top of the page
+Quote Post
Pyton_000
post 13.06.2017, 14:53:34
Post #3





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----


Raczej dałbym tak:

Kod
$("#div_w_ktorym_bedzie_tekst").hide().text('tekst. Jego chcę animować metodą show').show(3000);

Poza tym możesz mieć wiele elementów ID. I tak jak powiedział @viking Konsola developerska prawdę Ci powie.
Go to the top of the page
+Quote Post
gburhiphop
post 14.06.2017, 08:40:22
Post #4





Grupa: Zarejestrowani
Postów: 57
Pomógł: 0
Dołączył: 12.07.2016

Ostrzeżenie: (0%)
-----


$(this).text(trescTagu).hide().show(3000); rzeczywiście działa. Jednak działa na diva (co jest w sumie normalne, ponieważ this oznacza diva, w którym jest tekst). Chodzi mi o animowanie samego tekstu, więc robię coś takiego

$(this).text(trescTagu); //dodaję tekst
$(this).text().hide().show(3000); //Szczerze nie wiem, czy hide i show dotyczą w tym przypadku this, czy text. Jeśli dotyczą this, to nie wiem, jak się odwołać do tekstu. Wywala mi błąd Uncaught TypeError: $(...).text(...).hide is not a function i cośtam dalej


PS była chyba inna metoda pobierająca taki tekst, ale nie mogę jej znaleźć. Może ona działałaby lepiej. Ktoś wie?

PS 2 Poza tym od kilku dni, niezależnie od podstrony i w sumie na wszystkich witrynach (tutaj też), mam błędy:
"spContent#17909: spContent.js() readyState=loading for" i URL
"spContent#17909: IsTopWindow() for" URL jakiś
i po kliknięciu w pole do wpisywania pojawia się:
"HasWindowCrossOriginParent: false for" i URL

Ten post edytował gburhiphop 14.06.2017, 08:41:14
Go to the top of the page
+Quote Post
viking
post 14.06.2017, 08:51:08
Post #5





Grupa: Zarejestrowani
Postów: 6 378
Pomógł: 1116
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


Animować to ty możesz cały element a nie konkretny węzeł tekstowy.


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.07.2025 - 11:55