code fonctionne, mais pas en mesure de répéter sans rafraîchir la page - jQuery

Question

Lorsque je clique sur une image, dans le ci-dessous div

<img src='uploads/<? echo $dir; ?>/<? echo $file; ?>/<? echo $file1; ?>' width='100px' height='100px' style='margin-left:5px; margin-bottom:5px; border:#fff solid 2px;' id='<? echo $i; ?>' class="ind_img"> 

en utilisant ce code jquery

$('.ind_img').bind('click',function(f){ 

var img_large = f.target.id; 
var img_src = $('#'+img_large).attr('src'); 
var disp = '<div style="margin:0px;"><img src="'+img_src+'"></div>'; 
$('#display').html(disp); 

}); 

l'image agrandit dans la suivant div remplaçant le <? include('gallery.php'); ?> avec <div style="margin:0px;"><img src="'+img_src+'"></div> (code ci-dessus)

<div id="display" style="overflow-y:scroll; overflow-x:none height:598px;"> 
    <? include('b.php'); ?> 
</div> 

Mais quand je cli ck sur <div id=all>All</div><div style="margin:0px;"><img src="'+img_src+'"></div> est remplacé par

<? include('gallery.php'); ?>  

<div id="display" style="overflow-y:scroll; overflow-x:none height:598px;"> 
    <? include('b.php'); ?> 
</div> 

Tout cela est bien, mais je ne suis pas en mesure de répéter cette étape sans rafraîchir cette page, pourquoi?

Merci Jean

Answer 1

Je me sens comme vous avez inclus trop d'informations dans votre poste, en particulier tout ce code PHP qui n'a rien à voir avec jQuery. Vous devriez le nettoyer si vous voulez que les gens puissent comprendre les choses. Je suppose que lorsque vous remplacez votre image par une autre, l'événement click n'est pas lié à la nouvelle image. Vous pouvez le lier manuellement comme vous l'avez fait pour les autres éléments, ou utiliser le live method pour lier l'événement click pour toutes les instances de la classe ind_img, présente ou future.