Jquery functie aanroep op response ajax call

[Krooswijk.com]

Hallo, ik zit met het volgende probleem. Ik heb een tab menuutje in jquery waarbij middels een ajax call op een tab button de bijbehorende content wordt geladen. Ongeveer als volgt:

JavaScript:

$( document ).ready( function() {
    $( "div#tabNavigation a" ).click( function () {
        $.get( "index.php", {
            controller: this.rev
        }, function ( response ) {
               $( "div#tabContent" )
                   .empty()
                   .append( response )
           });

        $( "div#tabNavigation a" ).removeClass( "selected" );
        $( this ).addClass( "selected" );

        return false;
    })
    .filter( ":first" ).click();
});

Hier komt netjes de response van de call in de tab content te staan. Echter nu wil ik op deze content ook een lightbox toepassen. Normaliter (zonder ajax call) zou dit simpelweg gebeuren met:

JavaScript:

$( document ).ready( function() {
    $( "div#photoContainer ul li a" ).lightbox();
});

Echter wanneer ik de lightbox call aanroep boven de 'return false' en ik verwacht dat de nieuwe DOM al opgebouwd is, wordt de response onaangetast in de div geplaatst, zonder de lightbox transformatie. Ook functie concatenatie aan de get aanroep werkt niet. De "div#photoContainer ul li a" structuur komt zeker terug in de response.

Iemand een idee wanneer de daadwerkelijke nieuwe DOM is opgebouwd en ik de lightbox wel kan aanroepen?

[_Thanatos_]

De lightbox() aanroep in je ajax-callback gooien dan?

Of "handmatig" de lightbox openen en een live click event op die links zetten, maar dat lijkt me meer werk, en niet zo 1-2-3 begrijpbaar voor een andere ontwikkelaar (of jezelf over een jaar)

[ Voor 65% gewijzigd door _Thanatos_ op 12-09-2009 01:49 ]

[Krooswijk.com]

Niet goed gedebugd inderdaad. Omdat de ajax call asynchroon is, moet de aanroep binnen de get request binnen de callback, en niet erbuiten. Als volgt opgelost dus

JavaScript:

$( document ).ready( function() { 
    $( "div#tabNavigation a" ).click( function () { 
        $.get( "index.php", { 
            controller: this.rev 
        }, function ( response ) { 
               $( "div#tabContent" ) 
                   .empty() 
                   .append( response );

               $( "div#setOverview ul li a" ).lightbox();
           }); 

        $( "div#tabNavigation a" ).removeClass( "selected" ); 
        $( this ).addClass( "selected" ); 

        return false; 
    }) 
    .filter( ":first" ).click(); 
});