Bonjour,

comment fonctionne la fonction .load() de jQuery si il y a du javascript dans la page chargé ? j'ai l’impression que les scripts js sont chargé plusieurs fois et que donc ça créé des bugs...

ex:

=> index.php:
un lien qui déclenche une fonction avec un .load('contenu.php')

=> contenu.php:
contient des balises <script> avec un bouton .click(function(){...}) qui fait un fadetoggle sur un élément et autres fonctions jquery.

si je clic plusieurs fois sur mon lien dans index.php donc il load plusieurs fois d'affilé "content.php" et ensuite dès que je clic sur le bouton de "content.php" il fait autant de foi le fadetoggle que de fois que j'ai cliqué sur le lien du load...

... ok expliqué comme ça c'est incompréhensible non ? :p

comment empêcher ça ?

merci

La fonction .click() ne fonctionne que pour les éléments chargés initialement dans la page. Pour exécuter des actions dans les pages load par jQuery et donc ajouté au DOM après son chargement, il faut utiliser live() à la place de click.

Ex : $("#lien").click(function() { ... }); $("#lien").live("click", function() { ... });

J'espère que c'est ce que tu cherches

Ah, c'est déprécié Utilise donc on au lieu de live

http://api.jquery.com/on/

Merci de ta réponse en faite j'utilise déjà .on('click',function(){..}), et en plus dans un $(document).ready(). J'ai mis l'exemple du click pour illustrer le fait que les script sont appelés plusieurs fois j'ai l'impression...

je vois notamment le problème avec des onglets de jQuery UI:

$(document).ready(function(){
$(...).tabs(...);
});

qui ne fonctionne plus apres un 2e load

De plus je précise que meme avec un .click() ça fonctionne a la base car mon code js est contenu dans la page contenu.php qui est chargé en ajax par le load():

=> contenu.php:
<script>
$(document).ready(function(){
$("#monbouton").click(...);
});
</script>
<input type="button" id="monbouton">

mais le soucis est si la page est chargé plusieurs fois

Utilise des class et pas des ID si tu as plusieurs fois les mêmes éléments, car l'ID doit être unique dans la page