jQuery, skrypty nie wykonuja sie po dolaczeniu HTML przez Ajax

0

Witam serdecznie,

Mam nastepujacy kod, ktory laduje sie razem ze strona:

$(document).ready(function() {
   $('.triggerToggleSibling').on('click', function(){
        $(this).next().slideToggle(400);
    })
}); 

Nastepnie do jakiegos kontenera na stronie wrzucam uzywajac jQuery .ajax() jakis kod HTML.

   $.ajax({
        url: url,
        type: "post",
        beforeSend: ...,
        success: function(r) {
            $('#aaa').html(r);

            // ------ TU ------

            return r;
        },
    });

Kod HTML, ktory dolaczam zawiera:
<span class="triggerToggleSibling">Ukryj pole tekstowe</span>

Wszystko pokazuje sie poprawnie, tylko ze akcja click nie zostaje wyzwolona. Gdy jednak stworze nowa funkcje z tej w document.ready i wrzuce ja w miejsce komentarza ---- TU ---- ponownie to wszystko dziala jak nalezy.

Te rozwiazanie jest jednak lipne aby zalaczac funkcje wielokrotnie bo czasem kod ktory dodaje przez AJAX ma za zadanie wyzwolic inny AJAX a wtedy liczba zadan rosnie geometrycznie (gdyz funkcja zalacza sie wielokrotnie).

Czy ktos wie jak temu zaradzic?
Chcialbym aby po jednym zdeklarowaniu skryptu gdziekolwiek dzialal on na kazdym HTML jaki dodam przez Ajax.

1

spróbuj

$(document).ready(function() {
   $('body').on('click', '.triggerToggleSibling', function(){
        $(this).next().slideToggle(400);
    })
});
0

Jestes geniuszem!! ;D
Pomoglo i dziala bez zarzutu!!!!! Ze tez na to nie wpadlem.

1 użytkowników online, w tym zalogowanych: 0, gości: 1