Maison >interface Web >tutoriel CSS >Pourquoi mon code JSFiddle ne fonctionne-t-il pas sur mon site Web ?
Malgré une exécution réussie sur JSFiddle, certains codes ne s'exécutent pas lorsqu'ils sont intégrés dans une page Web personnelle. Voici une analyse détaillée du problème :
Au départ, le code HTML, CSS et JavaScript fourni ne restitue pas la fonctionnalité souhaitée sur la page Web locale. Les styles CSS sont appliqués, mais la partie JavaScript reste inactive.
Cause première :
L'erreur critique provient du placement du code JavaScript. Comme indiqué dans la question "Si je prends le code et l'insère dans le HTML/JS (lié dans l'en-tête)", le placement du code dans le
La section présente un problème.Raison :
Lorsque le code est exécuté, les éléments d'entrée qu'il cible n'ont pas encore été analysés. Cela fait que le sélecteur $('input[type="range"]') ne parvient pas à localiser les éléments.
Solution :
Pour résoudre ce problème, assurez-vous que le code JavaScript s'exécute après l'analyse des éléments d'entrée. Ceci peut être réalisé par différentes méthodes :
En implémentant l'une de ces solutions, le code JavaScript fonctionnera comme prévu, produisant les effets souhaités sur le page Web.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!