Comment implémenter une fonction jQuery personnalisée dans un modèle Html Django qui utilise Bootstrap? - jquery, django, twitter-bootstrap

mon modèle fait référence à jQuery de la manière suivante:

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="{% static "js/bootstrap.min.js" %}"></script>

Ces deux lignes sont placées à la toute fin de la balise body dans mon fichier html. La partie statique fait simplement référence à l’emplacement de mon fichier js, c’est ce que je réalise dans Django.

Les liens html, css et js correspondant à la fonction que je veux implémenter se trouvent dans ce lien: Js Fiddle Link

Maintenant, je sais comment les différentes parties fonctionnent ensemble,mais comment puis-je les apporter dans mon modèle d'une manière qui fonctionne? J'ai essayé de mettre le code jQuery dans une balise de script sur mon fichier html, mais cela n'affectait rien.

Quelle est la bonne méthode pour implémenter cette fonction?

Réponses:

Vous pouvez ajouter une autre balise de script et y insérer votre code Javascript ou Jquery, comme ceci:

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="{% static "js/bootstrap.min.js" %}"></script>
<script type="text/javascript">
$(document).ready(function(){
// your code
});
</script>

Vous pouvez également placer votre code dans un fichier de vos fichiers statiques, puis l'importer. Donc si vous ajoutez votre myJavascript.js fichier dans votre dossier "static / js", vous pouvez l'inclure comme ceci après votre jquery et votre bootstrap:

<script src="{% static "js/myJavascript.js" %}"></script>

N'oubliez pas de charger vos fichiers statiques en haut du fichier html avec {% load staticfiles %}

Il n'y a rien de spécifique à Django ou Bootstrap ici. Si vous avez du code jQuery, vous devez l'inclure une fois que jQuery a été chargé.