onclick du lien agit seulement la 2eme fois
Bonjour,
J'espère que toute la communauté se porte bien.
J'ai un petit soucis avec un lien qui ne fait agir une fonction jquery load que lors du 2ème clic.
En gros, je charge une page dans une div :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
|
<script type="text/javascript">
$(document).ready(function() {
$('#div_groupe_gerer_joindre').load('pages/groupe_gerer_joindre.php');
});
</script>
<div id="accordion_util-groupe_gerer_joindre">
<h3><a href="#">Gérer les membres souhaitant rejoindre les groupes</a></h3>
<div>
<p>
<div id="div_groupe_gerer_joindre">
<!-- DIV charge page -->
</div>
</p>
</div>
</div> |
et je souhaite recharger la div une fois le clic sur le lien effectué dans la page groupe_gerer_joindre.php :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37
|
<script type="text/javascript">
$(document).ready(function() {
$('a.iframe').fancybox({
'titleShow': true,
'titlePosition' : 'over',
'width': '80%',
'height': '90%',
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'speedIn': 500,
'speedOut': 300,
'hideOnContentClick': true
});
});
</script>
<?php
echo "
<script type=\"text/javascript\">
$(document).ready(function(){
$(\"#accepter".$compteur."\").click(function() {
$('#div_groupe_gerer_joindre').load('pages/groupe_gerer_joindre.php');
});
</script>
<a class=\"iframe\" href=\"pages/groupe_gerer_joindre_accepter.php?ok=oui&groupe_num_joindre=".$row_persgroupejoin['groupe_num']."&personne_num_joindre=".$row_persgroupejoin['personne_numjoin']."\"><img id=\"accepter".$compteur."\" src='../images/icon/ok.png' style=\"vertical-align:middle;\" title='Ajouter au groupe' style=\"width:16px;height:16px;\"></a>
";
?> |
Le module jquery.fancybox se déclenche toujours mais le click > load de la page ne fonctionne qu'au deuxième click, quelqu'un aurait-il une idée svp ?
Vous remerciant chaudement.
==========================
EDIT avant resolution :
J'ai résolu mon problème en ajoutant le plugin gritter pour les notifications de message et utilisé l'ajax pour appeler la page.
bien à vous.