J'ai un problème et j'aimerais que vous me guidiez pour le résoudre si cela ne vous dérange pas ... Dans mon code source HTML comportait plusieurs morceaux de codes CSS ici et là. J'ai donc décidé de mettre ensemble dans un fichier appelé Principal.css et procédez comme suit dans la section Head Section
$("[data-slider]")
.each(function () {
var input = $(this);
$("<span>")
.addClass("output")
.insertAfter($(this));
})
.bind("slider:ready slider:changed", function (event, data) {
$(this)
.nextAll(".output:first")
.html(data.value);
});
5 Réponses :
Vous devez envelopper cela en $ (document) .Ready (...)
aussi, il a une indentation inhabituelle. Il serait probablement préférable de le formater comme ceci: P>
$(document).ready(function() {
$("[data-slider]").each(function () {
var input = $(this);
$("<span>").addClass("output").insertAfter($(this));
}).bind("slider:ready slider:changed", function (event, data) {
$(this).nextAll(".output:first").html(data.value);
});
});
Excellent! Pensez-vous que votre solution me servira pour tout code JS dans HTML?
$ () signifie qu'il est code jQuery. Si vous tirez jQuery dans des fichiers séparés, chaque fichier doit avoir ce wrapper $ (document) .Readady () ou $ (fenêtre) .charger () comme mentionné ci-dessous.
J'apprécie votre conseil, je trouve très utile, je prends en compte, recommandez-vous de bons livres pour apprendre ce type de pratique avec JavaScript?
Je n'utilise jamais de livres, mais il y a des centaines de tutoriels de jQuery en ligne. Je suis sûr que vous pouvez trouver un bon facile. ou juste demander sur Stackoverflow. Si vous aimez ma réponse, vous pouvez le marquer comme correct. Merci.
Ok, je vais chercher, merci! :-)
Ready () documentation ou p> .charger () Documentation P> $(window).on('load', function(){
// your code here
});
Placez votre code JS dans un fichier distinct . Semblable à la manière dont CSS est également placé dans un fichier séparé, puis liez-le à votre fichier HTML.
Comme, dans votre fichier HTML: et oui, vous devez envelopper votre code JS dans un document.Ready Fonction afin de pouvoir exécuter lorsque les éléments de documents sont finis de chargement. par exemple: ceci est parce que les navigateurs html interprète lit le code de haut en bas , donc si vous ne définissez pas un document .Ready , le JavaScript sera exécuté avant que l'un de vos éléments de document est chargé .
Head: myscript.js
Sa meilleure pratique de placer le script après chargement des styles.
De plus, votre code JS est incorrect. Il devrait commencer comme si: $ (fonction fonction () {/ * code ici * /});
Je voudrais ajouter que si vous envisagez de mettre votre code JS dans un fichier séparé qui est une bonne idée. Vous devez être conscient que vous n'aurez pas à utiliser ...
<script> //js code </script>