JQ - eventy a AJAX

pytanie zadane 8 grudnia 2016 w JavaScript przez hoktaur Pasjonat (22,250 p.)

Witam

Mam pytanie jak powinno się poprawnie zrobić obsługę eventów w JS czy JQ (ze wskazaniem na to drugie) z dynamicznie zmieniającą się stroną obecnie:

- doczytuje poszczególne 'pod bloki' AJAX'em $.post() lub $().load() i wszystko ładnie się doczytuje

- kasuje $().remove()

- event wplatam sobie w kod HTML przez JS onclick, onmousedown itp. i wsio ładnie działa

ale wolałbym wykorzystać $().on() $().click() itp. i nie wpisywać tego do kodu HTML

tylko że jak tak zrobię to nie działa do doczytanego nowego bloku kodu pewnie jak bym dany event odświeżył za każdym razem po doczytaniu to by zadziało, ale jest może inny sposób????

1 odpowiedź

odpowiedź 8 grudnia 2016 przez Fenix Nałogowiec (26,750 p.)
wybrane 12 grudnia 2016 przez hoktaur

Najlepsza

Jeśli chcesz to robić przez JQuery użyj $(selektor).live("nazwaEventu",funkcja);

komentarz 8 grudnia 2016 przez hoktaur Pasjonat (22,250 p.)
edycja 8 grudnia 2016 przez ScriptyChris

Thx za odpowiedz, tylko że:

As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers. Users of older versions of jQuery should use .delegate() in preference to .live().

As of jQuery 3.0, .delegate() has been deprecated. It was superseded by the .on() method since jQuery 1.7, so its use was already discouraged.

Może jakieś inny pomysł?

komentarz 8 grudnia 2016 przez Fenix Nałogowiec (26,750 p.)

$(document).on('evenet', 'selector',funkcja);

komentarz 8 grudnia 2016 przez hoktaur Pasjonat (22,250 p.)
edycja 8 grudnia 2016 przez hoktaur

tak tylko na początku mam:

<html>
<head>
</head>
<body>

  <script>
    $("div").on("click", function(){
      alert("The div was clicked.");
    });
  </script>
</body>
</html>

potem doczytuje np. load

$('body').load();

blok kodu

<div>0</div>

i próbuje kliknąć w 0 i nic się nie dzieje przypuszczam dlatego że

$("div").on("click", function(){ alert("The div was clicked."); });

został wykonany ale nie znalazł wtedy jeszcze żadnego div'a więc za każdym razem jak coś doczytam pewnie powinienem wykonywać ten kawałek kodu, ale czuje że to jest 'złe' (miałem inne słowo na myśli ale nie wypada) więc spróbuje się dopytać czy jest możliwości zrobić to poprawnie

Popraw mnie jeśli błądzę...

komentarz 8 grudnia 2016 przez Fenix Nałogowiec (26,750 p.)

$(document).on("click","div",function() {});

2 argument jako podajesz w on jeśli chcesz aby działał jak live, nie jest funkcja tylko selektor css w Twoim wypadku to element div.

W pure JS możesz złapać rodzica i sprawdzać event.target np.