Forum PHP.pl

hejka
Mały problem.

Mam pliki: index.html, scripts.js oraz ajax.php.
W pliku index ładuje oczywiście w "head" mój JS i jakieś przykładowe div-y.
W jednym z div po kliknięciu ładuje się ajaxowo na końcu drzewa DOM jakiś div o nazwie np. id="ajaxDiv".
Ten mój "ajaxDiv" ma zdarzenie np. kliknięcia - tylko że to kliknięcie jest obsługiwane w pliku scripts.js który juz dawno został załadowany do naszej przeglądarki.
W obecnej chwili wsio działa ok, ale niestety do tego diva który przyszedł z AJAXA nie umiem zrobić obsługi click'a.

Czy to da się obsłużyć w pliku scripts.js? Czy jest to może w ogóle możliwe?? A może jedynym rozwiązaniem jest "dosyłać" ajaxowo dodatkowy JS razem z ajaxDiv?

Nie wiem czy nie zamotałem za bardzo ale w razie co służę przykładowym trywialnym skryptem.

z góry dzięki

Ten post edytował chemiqs 1.08.2016, 20:27:18

Używając jquery.

Robisz tak:

[PHP] pobierz, plaintext 
$('body').on('click', 'twój element', function(){});
[PHP] pobierz, plaintext 

Możesz też tak:

[PHP] pobierz, plaintext 
function twojaFunkcja($this){
console.log($this);
}
 
<div onclick="twojaFunkcja($(this));">kliknij tutaj</div>
[PHP] pobierz, plaintext 

Te dwa przykłady powinny działać dynamicznie

Ten post edytował rad11 1.08.2016, 21:54:08

No widzisz - słyszałem o delegatach ale nie wiedziałem że mogę je wykorzystać w tym problemie - pozamiatane
Dzięki serdeczne.

@rad11 a po co pchać do tego [onclick]? Twój przykład już pokazuje jak bardzo jest to udziwnione podejście…