Easy-Micro


LOGICIEL Bootstrap
Plugins JQuery

Les librairies JQuery de Bootstrap

Les librairies JQuery de Bootstrap

Bootstrap propose un certain nombre de plugins pour améliorer les pages web, ils sont tous fondés sur jQuery. Il y a plusieurs façons de faire appel à ces plugins :
  • Soit vous référencez juste ce qui vous est utile en prenant la librairie correspondante dans le pack de Bootstrap comme ici la librairie Tab (onglet)
    <script src="js/jquery.js"></script>
    <script src="js/tab.js "></script>
  • Soit vous référencez la bibliothèque complète
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  • Soit vous référencez toutes les bibliothèques
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous"/>

    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>

    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
Source : OpenClassrooms

Exemple d'affichage dynamique de contenu (effet accordéon)

Utilisation d'un plugin Bootstrap (effet accordéon) à partir de l'attribut data-toggle (basculer)

<a href="#item" data-toggle="collapse">Afficher le contenu</a>
<div id="item" class="collapse">Mon contenu, bla bla bla</div>

Utilisation d'un plugin Bootstrap (effet accordéon) en JQuery pur

<a>Afficher</a>
<div id="item" class="collapse">
Contenu
</div>
<script>
$(function() {
$('a').click(function() {
$('#item').collapse('toggle');
});
});
</script>



Suivez les aventures des skippers aquitains sur EasyVoile.com
Flux RSS Easy-Micro - Abonnez-vous Easy-Micro [ François Bisch ]
Mardi 25 juin 2019 - Semaine 26 - Saint Prosper (Demain: Saint Anthelme)
Aujourd'hui, c'est l'anniversaire de George Michael (1963-56 ans), auteur-compositeur-interprète anglais. Autre 25 juin: 1991 - La Croatie et la Slovénie proclament lеur indépendance de la Yοugoslavie.
Haut de page Easy-Micro