Pentru a adăuga rapid o listă verticală la un element, pur și simplu adăugați atributul data-toggle = "dropdown", iar lista verticală va fi aplicată automat în cazul marcării corecte.
Atenție vă rog! În plus, puteți atribui lista numită unui element folosind atributele care conțin id-ul date-target = "# menu1" sau href = "# menu1" în funcție de element.
Pentru a evita modificările aduse adresei URL actuale, utilizați atributul de date-țintă în loc de href = "#".
$ dropdown ()
Software api pentru activarea și utilizarea listelor derulante.
Pluginul ScrollSpy ține evidența derulării în interiorul unui articol sau pagină și actualizează automat clasele elementelor de navigație.
Exemplu de meniu de navigare (navbar) folosind scrollspy
Derulați textul din interiorul elementului de mai jos pentru a afișa activitatea pluginului. Elementele incluse în lista derulantă sunt, de asemenea, actualizate.
Era ora opt dimineața - un moment în care ofițeri, funcționari și vizitatori, de obicei, după un hot nopți, nas înfundat scăldate în mare și apoi sa dus la pavilionul pentru a bea cafea sau ceai. Ivan Andreevici Laevsky, tânărul sa dus la douăzeci și opt, păr subțire blond, purtând un capac al Ministerului de Finanțe și în pantofi, a venit să se scalde, găsit pe malul o mulțime de prieteni, iar printre ei prietenul său, un doctor militar Samoilenko.
Cu un cap mare decupată, fără gât, roșu, nosasty, cu sprâncene negre stufoase și cu mustăți gri, grăsime, fără vlagă, și chiar armata, în plus față de bas husky, acest Samoylenko pe toate nou produs vine impresia neplăcută de bourbon și Khripun, dar a avut loc cu două trei zile după prima expunere, și fața lui a început să pară un fel neobișnuit, frumos și chiar frumos. În ciuda stării sale ciudate și a tonusului dur. ego-ul a fost o persoană inofensiv, infinit fel, binevoitoare și obligatorii.
Cu toate cetate a fost pe „tine“, toate pentru a împrumuta bani, toate vindecat, Woo, împăcați, picnicuri, în cazul în care la grătar și frigărui fierte o supa foarte gustoasa de lumânărică; el întotdeauna a cerut și a cerșit pentru cineva și întotdeauna sa bucurat în ceva. Prin toate conturile, el a fost fără păcat, și au fost efectuate pentru el doar două puncte slabe: în primul rând, el a fost rușine de bunătatea lui și a încercat să-i mascheze o privire severă și grosolănie bate joc, și, în al doilea rând, îi plăcea să aibă un paramedic și soldații l-a sunat Excelență, deși el era doar un consilier de stat.
Recent am citit de la un om de știință francez că fața leului nu este deloc ca o față umană, așa cum cred oamenii de știință. Și vom vorbi despre asta mai târziu. Veniți, faceți milă. Participați mâine, de exemplu. Acum mâncăm puțin, dar te trezești să pregătești o masă. Fiica mea Natasha ți-a cerut să aduci niște cărți inteligente cu tine. Ea la mine emană totul la ea sau la nebuni ei doar o singură inteligentă. Îți voi spune acum tinerețea, mă face să mă simt. Dumnezeu să le dați! O săptămână mai târziu, fratele meu Ivan (Maior) va veni la mine, un om bun, dar între noi, Bourbon și Științe nu le place.
Această scrisoare trebuie trimisă de vărul meu Trofim exact la ora 20:00. Dacă îl aduce pe el, apoi îl bate pe obraji, pe profesor, nu este nimic de sărbătorit cu acest trib. Dacă îl oferiți, înseamnă că anatema a intrat în tavernă. Obiceiul de a călători la vecini nu este inventat de noi, și vom termina, și, prin urmare, întotdeauna priezhzhayte cu mașini de scris și cărți. M-aș duce singur la voi, dar sunt foarte jenat și nu am destul curaj.
Folosind bootstrap-scrollspy.js
Pentru a completa meniul cu pluginul scrollspy, trebuie doar să adăugați atributul data-spy = "scroll" la elementul de derulare pe care doriți să îl monitorizați (de obicei, un element al corpului).
Atenție vă rog! Link-urile din meniul de navigare (Navbar) trebuie să facă trimitere la id-ul documentelor electronice. De exemplu: acasă se referă la elementul DOM
..scrollspy ('refresh')
Utilizați conținutul dinamic care modifică DOM-ul, de exemplu prin AJAX. Trebuie doar să apelați metoda de actualizare pentru funcționarea corectă a pluginului scrollspy:
Faceți clic pe exemplul de mai jos pentru a vă familiariza cu capabilitățile acestui script.
Sa întâmplat în timpuri străvechi, într-un pământ îndepărtat și necunoscut. Peste marginea domnea o noapte veșnică și neagră. Pe lângă pământul mlaștos s-au ridicat cetele putrezi și s-au așezat în aer. Oamenii s-au născut, au crescut, au iubit și au murit în întunericul umed. Dar, uneori, suflarea vântului împiedica evaporarea grea a pământului. Apoi, de la cerul îndepărtat, oamenii vedeau stele strălucitoare. A fost o sărbătoare generală.
Oamenii care au fost stau singur în întuneric ca locuințe pivniță, convers pătrat și a cântat imnuri Părinți Sky reieșea copiilor la stele și a aflat că în urmărirea lor de viață și de fericire umană. Băieți și fete cu nerăbdare privi în cer și a zburat spre sufletul din davivshego teren de întuneric. Preoții s-au rugat la stele. Stelele au fost cântate de poeți. Oamenii de știință au studiat modul în care numărul de stele mărimea și a făcut o descoperire importantă, sa constatat că steaua mai aproape încet, dar în mod continuu la sol.
Cu zece mii de ani în urmă - cum au spus surse destul de fiabile - era dificil să distingi un zâmbet pe fața copilului în jumătate de pași. Acum, toată lumea ar putea să o distingă ușor în trei pași. Nu exista nici o îndoială că, în câțiva milioane de ani, cerul va străluci în mod strălucitor, iar pe pământ va veni împărăția luminoasă radiantă radiantă. Toți au așteptat cu răbdare timpul binecuvântat și, cu speranță, au murit. Atâția ani, viața oamenilor era liniștită și senină și se încălzea cu o credință blândă în stele îndepărtate.
Și cerul a strălucit puternic. Și dintr-o dată un loc strălucitor strălucitor a strălucit deasupra marginii pământului - Steaua! Există o stea! Și în bucuria furtunoasă oamenii au alergat să-i întâlnească. Bright ca ziua, razele au urmărit înaintea lor ceții putredi. De cealaltă parte, cetele rupte s-au grabit și au căzut la pământ. Iar grinzile le-au bătut, s-au zdrobit și au intrat în pământ. A luminat și a șters distanța pământului. Oamenii au văzut cât de largă este această distanță, cât spațiu liber pe pământ și cât de mulți frați trăiesc în toate direcțiile de la ei. Și, în bucurie furtunoasă, au alergat să vadă lumina. Pe drum, Adele se plimba liniștit și ținea o stea deasupra grinzii. Era singur.
Folosind bootstrap-tab.js
Există mai multe moduri de a activa fiecare filă:
Metoda activează fila și containerul referitor. Fila ar trebui să se refere la id-ul containerului din DOM-target sau href.
Adăugați atributul data -toggle = "restrângere" și ținta de date la elementul pentru a activa automat pluginul. Atributul de date-țintă este preluat de selectorul css. Nu uitați să adăugați clasa de restrângere la elementele cu conținutul afișat. Pentru a crea elementul extins implicit, adăugați o clasă suplimentară.
Atenție vă rog! Pentru a gestiona un grup de elemente ca în exemplul de mai sus, adăugați un atribut cu selectorul elementului parent-data-parent = "selector #". Luați în considerare exemplul de mai sus pentru un exemplu în acțiune.
.colaps (opțiuni)
Activează scriptul în ceea ce privește elementele. Acceptă opțiuni suplimentare ca obiect.
.colaps ("comutare")
Comută afișarea / ascunderea elementului.
.colaps ("spectacol")
Afișează (dezvăluie) toate elementele.
.colaps ("ascunde")
Articole similare
Trimiteți-le prietenilor: