11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous, je suis entrain de développer une application comme une app iphone mais sous navigateur avec jquery
j'ai utilisé le plugin jquery cycle comme vous le connaissez il applique une multitude de belle animation...

mon problème maintenant est :
j'ai plusieurs pages qui vont être chargé dynamiquement. et au moment du chargement bien sur il y a un effet cycle,

mais j'ai pas compris pourquoi je tombe sur un conflit lorsque je charge ma page qu'elle a aussi un script de jquery cycle pour la page suivante ...

voila la page index
<script type="text/javascript">
function onBefore(){
	$("#wrapper-spa").load("spa.php");
}
$('#all').cycle({ 
            fx: 'turnLeft', 
            timeout:  0, 
            speed:    'fast', 
            next:    '.page2', 
            before:   onBefore 
        });
</script>



<div id="all">

   <div id="wrapper">
        <p> Un contenu d'initialisation </p>
    	<div class="page2">cliquer pour aller a la page2</div>
    
   </div>

   <div id="wrapper-spa"></div>
   <div id="wrapper-centre"></div>

</div>


pour cette première étape il n'y a pas de problème, mais lorsque je veux faire la meme chose avec spa.php je comprend pas ce qui ce passe.
cette page spa.php contient le code suivant:



<script type="text/javascript">
function onBefore(){
	$("#wrapper-centre").load("centre.php");
}
$('#all').cycle({ 
            fx: 'turnLeft', 
            timeout:  0,
            speed:    'fast', 
            next:    '.page3', 
            before:   onBefore 
        });
</script>


<div>
	<p> Un deuxieme contenu </p>
	<div class="page3">cliquer pour aller a la page3</div>
</div>


vraiment j'ai pas arriver a résoudre tout seul le problème,
merci de m'aider a trouver une solution a ce bug

merci d'avance
Modifié par bol3ez (08 Aug 2011 - 12:12)
a écrit :

mais j'ai pas compris pourquoi je tombe sur un conflit lorsque je charge ma page qu'elle a aussi un script de jquery cycle pour la page suivante ...

Qu'est-ce que tu appelles un conflit ? Une erreur js ?
Le mieux serait que tu nous donnes une url de démo qu'on voit le problème.