Appel d'une fonction JQuery après chargement d'une div en Ajax
Bonjour,
Je sais le titre est pas très explicite et je n'ai pas vraiment trouvé où poster ma question, donc voila je la met là.
J'utilise le plugin jqzoom de JQuery afin de faire un joli effet de zoom sur l'image d'un produit de mon catalogue.
Voici mon code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
| $(document).ready(function() {
$(".produit a").live("click", function() {
alert("chargement");
$('.jqzoom').jqzoom({
zoomType: 'reverse',
lens:true,
preloadImages: false,
alwaysOn:false
});
//$('.jqzoom').jqzoom();
});
}); |
Comme vous pouvez le remarquer il y a un "alert()" dans mon code. C'est ça que je ne comprend pas : Si je met le alert la fonction fonctionne bien j'ai mon joli zoom tout ça tout ça, si j'enlève le alert ben...ma fonction jqzoom n'est pas appelée, du coup je n'ai pas mon effet de zoom.
Le contexte : ma fonction click s'applique sur un élément chargé dans une div via un appel ajax, c'est pourquoi j'utilise la fonction live.
Déroulement : M page se charge, ma div de liste de produit se rempli en ajax, je clique sur le titre d'un produit et la même div se rempli du détail du produit toujours en ajax. Le zoom se situe sur le détail du produit bien sur.
Comment faire fonctionner ça sans être obligé de mettre un alert()?
Merci d'avance pour vos réponses :)
