252 votes

Peut-on avoir plusieurs $(document).ready(function(){ ... }) ; sections ?

Si j'ai beaucoup de fonctions au démarrage, doivent-elles toutes être regroupées dans un seul et même endroit ?

$(document).ready(function() {

ou puis-je avoir plusieurs déclarations de ce type ?

1 votes

Nécessaire principalement lorsque j'ai besoin de charger plusieurs fichiers js où chacun contient $(document).ready() ; fonction

0 votes

@leora cette question a été posée lors d'un entretien :D Merci

0voto

JEPrice Points 71

Vous pouvez également procéder de la manière suivante :

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
 $(document).ready(function(){
     $("#hide").click(function(){
     $("#test").hide();
     });
     $("#show").click(function(){
     $("#test").show();
     });
 });
</script>
</head>

<body>
<h2>This is a test of jQuery!</h2>
<p id="test">This is a hidden paragraph.</p>
<button id="hide">Click me to hide</button>
<button id="show">Click me to show</button>
</body>

Les réponses précédentes indiquaient l'utilisation de plusieurs fonctions nommées à l'intérieur d'un seul bloc .ready, ou d'une seule fonction non nommée dans le bloc .ready, avec une autre fonction nommée à l'extérieur du bloc .ready. J'ai trouvé cette question alors que je cherchais à savoir s'il existait un moyen d'avoir plusieurs fonctions non nommées dans le bloc .ready - je n'arrivais pas à trouver la bonne syntaxe. J'ai finalement trouvé la solution et j'ai espéré qu'en publiant mon code de test, j'aiderais d'autres personnes qui cherchent la réponse à la même question que moi.

0 votes

Pouvez-vous décrire en quoi cela diffère des autres réponses ?

0 votes

Les réponses précédentes indiquaient l'utilisation de plusieurs fonctions nommées à l'intérieur d'un seul bloc .ready, ou d'une seule fonction non nommée dans le bloc .ready, avec une autre fonction nommée à l'extérieur du bloc .ready. J'ai trouvé cette question alors que je cherchais à savoir s'il existait un moyen d'avoir plusieurs fonctions non nommées dans le bloc .ready - je n'arrivais pas à trouver la bonne syntaxe. J'ai finalement trouvé la solution, et j'ai espéré qu'en publiant mon code de test, j'aiderais d'autres personnes qui cherchent la réponse à la même question que moi.

0 votes

Désolé, je voulais dire dans la question. Il y a un bouton d'édition en bas à gauche de la zone de texte. Décrire pourquoi votre solution est différente/meilleure en fait une bien meilleure réponse car le futur lecteur peut comprendre plus rapidement le "pourquoi". Merci.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X