Implémentez l'onglet Application de l'onglet, ce plugin est relativement simple
Fichier de code source:
tab.js
Principe de mise en œuvre
1. Lorsque vous cliquez sur un élément, annulez d'abord l'élément mis en surbrillance initialement.
2. Puis surveille l'élément cliqué
3. Si cliquer sur un élément est une option dans la case déroulante, sélectionnez lui-même et sélectionnez également la boîte déroulante.
5. Si l'animation est définie, exécutez d'abord l'animation puis rappelle
Analyse du code source:
1. La méthode Show est déclenchée lorsqu'un élément est cliqué, ce qui déclenchera les quatre événements suivants.
1.1. Hiden.bs.tab: cachez l'élément précédent
1.2. Show.bs.tab: afficher l'élément actuel
1.3. Hideen.bs.tab: terminé en cachant l'élément précédent
1.4. A montré.bs.tab: afficher l'élément actuel complet
1.5. Code source d'événement Hiden / Show:
var $ précédemment = $ ul.find ('. actif: dernier a') var hideevent = $ .event ('hide.bs.tab', {lindtarget: $ this [0]}) var showevent = $ .event ('show.bs.tab', {lindtarget: $ précédent [0]})2. Actif: activer l'objet actuel
2.1. Ajouter un attribut Aria à l'élément de navigation pour marquer si cet élément est à l'état élargi
2.2. À l'aide du mécanisme de reflux, utilisez l'attribut OffsetWidth pour réaliser une repeinture partielle
La brève discussion ci-dessus sur l'onglet Analyse du code source Bootstrap (Tab) est tout le contenu que je partage avec vous. J'espère que cela pourra vous donner une référence et j'espère que vous pourrez soutenir Wulin.com plus.