La description
Vous pouvez utiliser le téléchargement ZIP, le gestionnaire de packages ou le CDN pour obtenir le fichier JavaScript Foundation. Dans votre code, vous pouvez fournir des liens vers jQuery et Foundation sous forme de balises <script>, placées avant le <body> de fermeture et vérifier que Foundation est chargé après jQuery.
Exemple
L'exemple suivant illustre l'utilisation de JavaScript dans Foundation.
<html>
<head>
<title>JavaScript Example</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/foundation.min.css" crossorigin="anonymous">
<!-- Compressed JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.0.1/js/vendor/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/foundation.min.js" crossorigin="anonymous"></script>
</head>
<body>
<h2>Hello World!!!</h2>
<button class = "button" type = "button" data-toggle = "dropdown_toggle">Click Me</button>
<div class = "dropdown-pane" id = "dropdown_toggle" data-dropdown>
Welcome to Tutorialspoint
</div>
<script>
$(document).ready(function() {
$(document).foundation();
})
</script>
</body>
</html>
Production
Exécutons les étapes suivantes pour voir comment fonctionne le code donné ci-dessus -
Enregistrez le code html ci-dessus foundation_javascript_installation.html fichier.
Ouvrez ce fichier HTML dans un navigateur, une sortie s'affiche comme indiqué ci-dessous.