Le plugin jquery cycle

[bol3ez]

Bonjour à tous, je suis entrain de développer une application 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

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
 
<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:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<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.