[JavaScript][AJAX]Funkcja JS nie działa gdy strona jest wywoływana przez AJAX

[JavaScript][AJAX]Funkcja JS nie działa gdy strona jest wywoływana przez AJAX

iki Zobacz profil	27.07.2017, 16:31:14 Post #1
Grupa: Zarejestrowani Postów: 28 Pomógł: 0 Dołączył: 16.01.2017 Ostrzeżenie: (0%)	Dzień dobry. Głowię się dobę z tym problemem, w końcu zdecydowałem się poprosić Was o pomoc. Zacznę od tego dlaczego używam funkcji jaką posiadam. Otóż na stronie daję możliwość otworzenia ,,rodziału" (tak to nazwę) i za pomocą funkcji AJAX wywołuję pierwszą ,,stronę książki" (wyobraźnia działa ). Pozostając w tym rozdziale mogę przewijać strony książki, gdy klikam odpowiedni odnośnik za pomocą funcji JS zamyka się pierwsza strona, a otwiera druga (w tym czasie ładuje się dokument). Gdy robiłem to na serwerze lokalnym wszystko robiło się płynnie, jednak gdy wrzuciłem to na hosting pojawił się problem. Oto kod: [HTML] pobierz, plaintext $(document).ready(function(){ $("#pagenext").click(function(){ $.ajax({url: "link do drugiej strony", success: function(result){ $("#tresc").html(result); }}); }); }); $(document).ready(function(){ $("#pagenext").click(function(){ $("#tresc").fadeOut(0); $("#tresc").fadeIn(500); }); }); <div id="tresc"> Treść pierwszej strony <img src="img" id="pagenext"> </div> [HTML] pobierz, plaintext Jak widzicie po prostu #tresc szybko znika i sie pojawia a w tym czasie ładuje się nowy dokument. Jednak wygląda to tak, że pierwsza strona znika i się pojawia a druga pojawia się w #tresc dopiero gdy się załaduje i daje brzydki efekt migania, który dezorientuje czytelnika i bardzo irytuje. No i wiadomo jak można rozwiązać ten problem, umieszczając treść drugiej strony w innym divie np #tresc2 ALE Mam już 300 podstron i jakbym miał tak zmieniać w każdej podstronie to o jeju. No i szukam najprostszego sposobu, żeby usunąć przeskakiwanie ale utrzymać efekt ,,wpadania" na ekran tekstu. No i wymyśliłem tak, że usunę tę funkcję fadeIn z podstron, a zrobię na podstronie: [HTML] pobierz, plaintext function myFunction() { $(".tresckursu").fadeIn(500); } <body onload="myFunction()"> [HTML] pobierz, plaintext No i działa! Ale nie do końca... Gdy wejdę na podstronę www.x.pl/1/2/3/1.php cały tekst wpada, funkcja fadeIn działa. Ale już, gdy wywołuję stronę funkcją AJAX (klikam #pagenext) to tekst się nie pojawia. Wiadomo, mam ustawione display: none, ale właśnie onload="myFunction()" powinno wczytać tekst. I tak się dzieje, ale gdy wchodzę na stronę ręcznie. Czy ktoś wie dlaczego tak się dzieje? Czy są jakieś reguły, o których nie wiem? Czy może wiecie jak rozwiązać ten problem tak by zaoszczędzić sobie pracy na tych 300 podstronach albo ją zminimalizować? W ostateczności będę musiał zrezygnować z efektu przejścia, ale może wiecie jak pomóc?

trueblue Zobacz profil	27.07.2017, 16:39:30 Post #2
Grupa: Zarejestrowani Postów: 6 800 Pomógł: 1827 Dołączył: 11.03.2014 Ostrzeżenie: (0%)	Jedna wspólna funkcja pod zdarzenie. 1. fadeOut 2. Ajax 3. Wstawienie treści na success 4. fadeIn -------------------- https://kawalekkodu.pl

iki Zobacz profil	27.07.2017, 21:35:29 Post #3
Grupa: Zarejestrowani Postów: 28 Pomógł: 0 Dołączył: 16.01.2017 Ostrzeżenie: (0%)	Dzięki wielkie, trzeba było uczyć się JS.

« Następny starszy · Przedszkole · Następny nowszy »

1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

Wersja Lo-Fi

Aktualny czas: 23.06.2025 - 17:06

Hosting zapewnia

Forum PHP.pl