Wie kann ich eine Funktion erneut laden, wenn noch mehr Inhalt über jquery hinzugefügt wurde?

Question

ich dieses Bild vergrößern Skript bin mit Daumen in größere Bilder zu laden: http://www.eyecon.ro/zoomimage/#implement

Das Problem ist, ich die Galerie bin Laden, nachdem die Seite jquery Last mit (Code unten) geladen wird:

//Remove tab info and add gallery 
$(".more").click(function() { 
    var $gallery = $(this).closest('.tab').find('.gallery'), 
    cat = $(this).attr('href').split('cat=')[1]; 

    if ($gallery.is(':empty')) { 
    $gallery.load('/public/themes/lbd/js/imagegallery.php', {'cat': cat}, function(){ 
    $(this).fadeIn(); 
    }); 
    } 

    $gallery.siblings().fadeOut(function(){ 
    $gallery.fadeIn(); 
    }); 
    return false; 
}); 

das Problem ist dieser Skript die Galerie on the fly erzeugt so der Code unten nicht

arbeitet

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('a.customGal').zoomimage(); 
    }); 
</script> 

Wie kann ich oben im Code arbeiten, um laufen, sobald die Galerie des so geladen wird Funktion abgeschlossen?

Ich habe versucht, das $ ('a.customGal') hinzuzufügen. Zoomimage(); innerhalb .load, aber es funktioniert immer noch nicht.

Answer 1

Wenn ich Ihr Problem richtig verstehe, versuchen Sie, eine Galerie aus a.customGal s zu erstellen, aber Ihr Code funktioniert nicht, da diese Anker beim Laden der Seite nicht vorhanden sind. Sie werden von der .click geladen.

Wenn das richtig ist, ich glaube, das sollte funktionieren:

$gallery.load('/public/themes/lbd/js/imagegallery.php', {'cat': cat}, function(){ 
    $(this).fadeIn(function(){ 
     $('a.customGal').zoomimage(); 
    }); 
}); 

Die Plugin aufrufen, nachdem die HTML wird Ihre Seite und beendeten belebende angefügt worden.