Click functie binden aan ingeladen ajax content

[radem205]

Hey,

Bij het maken van een ajax gastenboeksysteem stuit ik op het volgende probleem: Wanneer ik content inlaad via een ajax request krijgen de links binnen deze content niet de clickfunctie mee vanuit jquery.

Even een voorbeeld:

JavaScript:

$('.navitem').click(function(){
        
        var ids = $(this).attr('id');
        var lidid = $(this).parent().attr('id');
        
        ids = ids.replace(/navnum-/,'');
        lidid = lidid.replace(/pagination-/,'');
            
        $.ajax({
            type: "POST",
            url: "ajax/guestbook.php",
            data: ({lid : lidid, page : ids}),
            success: function(msg){
                curpage = ids;
                
                $('#guestbook-holder').html(msg);
                
            }
        });
    
        return false;
    });

In bovenstaande wordt ook (voor de eenvoud) de navigatie meegeladen in de ajax request (met daarin links met de class "navitem"). Wanneer de content is ingeladen wil ik dat op de links met de class "navitem" deze ook de clickfunctie die nu op "navitem" staat. Kortweg komt het er op neer dat de click functie weer hergeïnitialiseerd moet worden op de nieuwe content die ingeladen is.

Op internet vind ik weinig informatie over deze mogelijkheid in jQuery (als deze er uberhaupt al is).

Wat ik kan doen is de clickfunctie in een andere functie zetten en deze telkens laden wanneer content is veranderd, echter heb ik het gevoel dat jquery hier wel raad mee weet. Iemand een idee?

[Peetman]

jQuery heeft daar de method "live" voor

[radem205]

Bedankt, dat is de functie die ik zocht. Tnx!

[pieturp]

Of na de .html(msg) natuurlijk weer nieuwe (opnieuw) eventhandlers binden