Discussion :

[Renand]

Bonjour à tous.

Voilà, je ne parviens pas à utiliser des données ayants été générés et insérées dans une page via une requête Ajax.

un exemple vaut mieux ...
en espérant être clair.

Donc dans la page j'ai une div ayant une id .delivery_infos
J'ai un menu select avec x options.
Je détecte le changement d'option, et passe une requête sous cette forme.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
jQuery('##productSize').change(function(){
  jQuery.post('/services/product_size.cfc?method=getAddToCartButton',{ 
      'productSizeID': productSizeID }, function(data) {
      jQuery('.delivery_infos').html(data);
    });
});

le retour de la requête est un petit bout de code HTML formatée. genre :

tralalala

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div id="simu" style="display:none;">
<iframe src="http://mon_service.hml" height="500" width="570"></iframe>
</div>
<p><a href="#simu" rel="modal">mon lien</a></p>

je ne parviens pas à faire une fonction permettant d'afficher via facebox le div ayant été ainsi généré.

j'ai une fonction qui affiche les élément ayant un attributs rel="modal", via le plug jquery Facebox, mais si c'est généré via Ajax je ne parviens à rien faire..

Une idée ?
D'avance merci

[danielhagnoul]

live(), Voir : http://www.developpez.net/forums/d83...s/#post4805186

[Renand]

merci beaucoup !

[Renand]

Bien, il semble que je n'ai pas compris..

Du coup je reformule avec mon exemple et l'usage de live().

je récupère dans une page via ajax cette portion de code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<div class="ma_class">
          ou <span class="datas">3 x 100 €</span>
          <a href="#simu" class="btn">+ de choix</a>
          <div id="simu" style="display:none;">
            <iframe src="mon_url.htm" height="500" width="570"></iframe>
          </div>
        </div>

une fois sur la page, je souhaite qu'en cliquant sur le lien "+ de choix"
j'affiche le div #simu dans une fenêtre modal (facebox)

J'ai donc ce code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
jQuery('a.btn').live('click', function() {
  jQuery('#simu').facebox();
});

si je remplace jQuery('#simu').facebox(); par une alerte, j'ai bien un affichage,

Mais rien ne se produit avec le code présent ci-dessus.

j'ai du mal comprendre l'intérêt de live()

Ou peut être que je fais complétement fausse route...

merci.

[Renand]

Il est aussi vrai que si je remplace l'affichage facebox par un simple .toggle(),
ça fonctionne..

[Renand]

autant pour moi, c'est ma façon d'instancier facebox qui n'était pas bonne.

Merci encore.