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

Kod Javascript nie wykonuje się po użyciu funkcji jquery .load()

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
365 wizyt
pytanie zadane 29 grudnia 2019 w JavaScript przez niosek Nowicjusz (160 p.)

Chcę zbudować witrynę bez odświeżania w WordPress. Przetestowałem funkcję .load() i widzę, że kod javascript nie działa drugi raz po wywołaniu jquery .load(). Przy pierwszym uruchomieniu javascript tak, po raz drugi nie.

Mam kod:

<div class="container">

  <div class="some1"> block of content 1</div>

<script type="text/javascript">
      alert("Hello");
 </script>

  <div class="some2"> block of content 2</div>

</div>

I wywołuję funkcję po kliknięciu przycisku w jquery:

jQuery( "#btn" ).click(function() {

jQuery(".container").load(location.href + " .container");      

});

Jak to naprawić, aby kod js był wykonywany za każdym razem?

1
komentarz 29 grudnia 2019 przez Tomek Sochacki Ekspert (227,490 p.)

location.href + " .container"

co Ty tu chcesz zrobić? 

2 odpowiedzi

0 głosów
odpowiedź 29 grudnia 2019 przez niosek Nowicjusz (160 p.)
Chciałbym odświeżyć przy użyciu .load() blok div "container".
komentarz 29 grudnia 2019 przez Tomek Sochacki Ekspert (227,490 p.)
Co znaczy odswiezyc, chcesz jakos dynamicznie zmienic jego zawartosc czy co? I odp najlepiej jako komentarz a nie nowa odp.
komentarz 29 grudnia 2019 przez niosek Nowicjusz (160 p.)

Chciałbym dynamicznie zmienić jego zawartość.

To znaczy:

Użyć wcześniej : 

window.history.pushState("object or string", "Title", "/new-url"); 

Żeby zmienić adres url bez odświeżania i wykonać funkcję load(), która odświeży mi blok div z html i javascript. Odświeży to znaczy z tymi parametrami url z historii, jak powyżej.

Wszystko działa ok tylko kod javascript nie wykonuje się po użyciu funkcji load()

komentarz 29 grudnia 2019 przez niosek Nowicjusz (160 p.)
funkcja load() odświeża DIV z wypisanymi w pętli foreach wynikami, które zawierają kod JS.
komentarz 29 grudnia 2019 przez Tomek Sochacki Ekspert (227,490 p.)
Jezu co Ty chcesz przekkmbinowac:) chodzi.Ci o.zrobienie SPA z wlasnym routingiem czy co? Bo kompletnie nie rozumiem tego ostatniego komentarza...
komentarz 29 grudnia 2019 przez niosek Nowicjusz (160 p.)

Chciałbym zrobić stronę, która działa bez przeładowania i wszystko działa tylko po wywołaniu funkcji .load() jquery nie wykonują się skrypty js w tym bloku, a reszta jest OK:

<div class="container">
  <div class="some1"> block of content 1</div>
<script type="text/javascript">
      alert("Hello");
 </script>
  <div class="some2"> block of content 2</div>
</div>

 

komentarz 29 grudnia 2019 przez niosek Nowicjusz (160 p.)
Czemu po wywołaniu funkcji .load() nie wykonują się skrypty zawarte w ładowanym elemencie?
komentarz 29 grudnia 2019 przez Tomek Sochacki Ekspert (227,490 p.)
Poczytaj sobie dokladnie dokumentacje metody load z jQuery.
komentarz 29 grudnia 2019 przez niosek Nowicjusz (160 p.)
A mógłbym prosić o rozwiązanie, bo przejrzałem sporo, ale odpowiedzi się nie doszukałem, a sporo ludzi ma z tym problem?
komentarz 29 grudnia 2019 przez Tomek Sochacki Ekspert (227,490 p.)
Nie wiem o jakie rozwiazanie Ci chodzi bo string jaki podajesz w metodzie load jest bez sensu dlatego napisalem abys poczytal dokumentacje i zobaczyl co ta metoda robi i jakie przyjmuje parametry...
komentarz 29 grudnia 2019 przez niosek Nowicjusz (160 p.)
OK, ale kierunek myślenia mam dobry, jeśli chodzi o stworzenie strony bez odświeżania, czyli metody load() oraz historia w javascript?
0 głosów
odpowiedź 29 grudnia 2019 przez antypop Mądrala (5,730 p.)

http://www.w3bai.com/pl/jquery/ajax_load.html

To co chcesz zrobić wydaje mi się bez sensu, jak chcesz zrobić SPA i zmieniać sobie elementy bez przeładowywania strony to się zakręć wokół jakiegoś reaktywnego frameworka, podpowiem że najniższy próg wejścia ma Vue.js.

wprowadzenie do vue na szybko : https://www.youtube.com/watch?v=PmlipEkFSOk 

Pozdrawiam

komentarz 30 grudnia 2019 przez niosek Nowicjusz (160 p.)
komentarz 30 grudnia 2019 przez niosek Nowicjusz (160 p.)
W każdym bądź razie dalej nie wiem, czemu w bloku wczytywanym funkcją .load() nie wykonuje się kod javascript, czego dotyczyło moje pytanie.

Podobne pytania

0 głosów
1 odpowiedź 710 wizyt
pytanie zadane 30 czerwca 2018 w PHP przez niezalogowany
0 głosów
1 odpowiedź 680 wizyt
pytanie zadane 25 kwietnia 2018 w Inne języki przez Piotrek32 Obywatel (1,610 p.)
0 głosów
2 odpowiedzi 641 wizyt
pytanie zadane 19 grudnia 2016 w C i C++ przez silnyjakzubr Nowicjusz (240 p.)

93,100 zapytań

142,065 odpowiedzi

321,526 komentarzy

62,442 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

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...