Le code fonctionne dans jsfiddle mais pas dans ma candidature

Je veux savoir si tout le monde peut me rendre un grand service, dans mon jsfiddle, il montre tout le code dans mon application. Maintenant, si vous cliquez sur le lien (Ouvrir la grid) et sélectionnez un bouton, le nombre de boutons ci-dessous sera affiché. Par exemple, si l’utilisateur sélectionne le bouton “1”, il affichera le bouton “A”, si quelqu’un sélectionne le bouton “2”, il affichera les boutons “A” et “B” et ainsi de suite. Mon problème est que cela fonctionne dans jsfiddle mais cela ne fonctionne pas dans mon application (j’utilise Crimson Editor). Je me demande si quelqu’un peut copier ce code dans son éditeur de texte ou son logiciel de programmation Web et voir s’il fonctionne sur sa page, car dans mon application, les boutons ci-dessous ne s’affichent pas après la sélection d’un bouton dans la grid. Pouvez-vous me dire si cela fonctionne ou pas, merci.

mon code est ici

Lorsque vous souhaitez accéder à un élément DOM, vous devez le faire après l’événement domready. Comme cela pourrait être possible lors de l’exécution du script, cet élément n’existe pas.

Ainsi, toute fonction associée à DOm telle que $("elementid") ne devrait être utilisée qu’après un événement domready. Pour cela, Jquery fournit la fonction $.ready() .

Donc, si vous mettez tout votre code dans $.ready() , cela fonctionnera correctement.

Cela fonctionnait dans Jsfiddle, car vous avez choisi de placer JavaScript dans une balise body (vous ne remarquiez pas le corps enveloppé). Donc, il sera exécuté lorsque la page Web sera chargée.

Lien vers le code corrigé