1. Navigationsanalyse (NAV)
Quellcode -Datei:
_navs.scss: Navigationsmodul
Mixins/_nav-divider.scss: Teilerlinie
MIXINS/_NAV-VERTICAL-AUMIGN.SCSS: Vertikale Ausrichtung
1. Es ist nur mit CSS gestaltet und hat keine Abhängigkeit von JS.
2. Das Navigationsmodul kann ein Pulldown-Modul enthalten
3.. Realisieren Sie horizontale, vertikale, horizontale gleiche Verteilung (Tabellenzellimplementierung, 4.0 Entfernung), Registerkarten, Kapseln und andere Stile
V.
5. Nav-Stapel: Implementierung der vertikalen Ausrichtung
6. Bietet Registerkartenklasse für Registerkarten und wird dann als Inhaltsbereich für Registerkarte Seitenweiterung verwendet
7. Der Dropdown unter Nav-Tabs wurde verarbeitet, um ein Pixel nach oben zu verkleinern, da NAV-TABs ein Endergebnis haben und kein Pixel nach oben schrumpfen und es leere Lücken geben wird.
// Spezifische Dropdowns.nav-tabs .dropdown-menu {// Dropdown-Rand-Überlappungs-Registerkarte Rand Margin-Top: -1px; // Die oberen abgerundeten Ecken hier entfernen, da über dem Menü @include Border-Top-Radius (0) eine harte Kante befindet;}2. Zusammenbrucheffekt
Quellcode -Datei:
Mixins/_component-Animations.SCSS: Kollaps-Implementierung, um einen Falt-Effekt zu erzielen
JavaScripts/Bootstrap/Collapse.js: Implementierung des Zusammenbrucheffekts
1. $ this.data () sammelt alle Daten-* Daten
2. Übergeordnete Eigenschaft: Gibt an, dass der Stromkollaps vom Elternteil gesteuert wird, was hauptsächlich den Effekt einer Kontrolle und vieler realisiert. Das Folgende ist der Code, um alle untergeordneten Listen unter demselben Elternteil zu verbergen:
return $ (this.options.Parent) .find ('[data-toggle = "collapse"] [data-parent = "' + this.options.Parent + '"]) .ach ($. Proxy (Funktion (i, element) {var $ element = $ (Element).3. Die Implementierung von Praent erfordert auch die Integration der .panel -Klasse, da bei der Suche angenommen wird, dass alle Untervermieter unter die .panel -Klasse gelegt werden.
4. JQuery's End () -Methode: Beenden
$ ("P"). Find ('. Bak'). Find ('span'). End (): Wiederherstellen Sie $ ("P")
5. ScrollHeight: Die Höhe der Seite (die tatsächliche Höhe/Breite erweitert werden lassen) enthält den unsichtbaren Teil des Fensters, der im Zusammenbruch verwendet wird, um den zu erweiterten Maximalwert zu identifizieren, und die Höhe/Widht wird nach Abschluss der Bewegung gelöscht.
var scrollsize = $ .camelcase (['scroll', Dimension] .join ('-') this.S.
7. In der Hiden -Methode wird die Höhe des gefalteten Bereichs neu gezeichnet, und dann wird die Höhe des tatsächlichen Bereichs erhalten:
Dies
8. Der Auslöser der Hiden -Methode wird standardmäßig durch das Urteil in der Show -Methode ausgelöst:
if (Actives && actives.length) {plugin.call (Actives, 'Hide') ActivesData || Actives.Data ('Bs.Collapse', Null)}}Das obige dreht sich alles um diesen Artikel. Ich hoffe, dass es für alle hilfreich sein wird, JavaScript -Programme zu lernen.