Nuestro plugin Modal es un toma super delgado en el plugin tradicional modal js, tomando especial cuidado para incluir solamente la funcionalidad desnuda que requerimos aquí en twitter.

Uraykachiy

Bootstrap-modal nisqawan yanapachikuspa

$ ( '#mi-modal' ). modal ( akllanakuna ) .

Akllanakuna

Suti	niraq	ñawpaqchasqa	willay
telón de fondo	boolean nisqa	pantasqa	Incluye un elemento de telón de fondo modal
teclado nisqa	boolean nisqa	pantasqa	Escape llave ñit'isqa kaptin modal nisqatam wichqan
qawachiy	boolean nisqa	pantasqa	Clase qallariypi modal nisqa kichan

Markup

Modalkunata p'anqaykipi mana sasachakuspa llamk'achiyta atinki mana huk chiru javascript qillqanaykichu tiyan. Huk elementoman huk data-controls-modalatributota quylla mayqinchus huk modal elemento id kaqwan tupan, chaymanta ñit'isqa kaqtin, modalniykita qallarichinqa. Modal akllanakuna yapanapaq, chayllata churay atributos de datos hina hinallataq.

<a class = "btn" data-controls-modal = "mi-modal" data-backdrop = "chiqap" > Modal qallariy </a>    

Willakuy Sichus modalniyki yaykuspa lluqsiyta munanki, huk .fadeclase .modalelementoykiman yapaylla (demo qhaway kayta ruwaypi qhawanaykipaq).

Métodos

.modal(akllanakuna) .

Contenidoykita huk modal hina activan. Huk akllana akllanakunata chaskikun object.

$ ( '#mi-modal' ). modal ({
  closeOnEscape : chiqap 
}) nisqa.

.modal('t'ikray')

Manualmente huk modal nisqatam tikran.

$ ( '#mi-modal' ). modal ( 't'ikray' ) .

.modal('rikuchiy')

Manualmente kichan huk modal.

$ ( '#mi-modal' ). modal ( 'rikuchiy' )

.modal('pakakuy')

Manualmente pakakun huk modal.

$ ( '#mi-modal' ). modal ( 'pakakuy' ) .

.modal(chiqap) .

Huk elementokuna modal clase instanciata kutichin.

$ ( '#mi-modal' ). modal ( chiqap ) .

Willakuy Hukninpiqa, kayqa $().data('modal').

Eventos nisqakuna

Bootstrap kaqpa modal clase huk pisi ruwaykunata rikuchin modal ruwanakunaman enganche kaqpaq.

Ruwana	Willay
qawachiy	Kay ruwayqa chaylla rawrarin mayk'aq showinstancia método waqyasqa.
rikuchisqa	Kay ruwayqa llamk'achisqa kachkan mayk'aq modal ruwaqman rikukuq ruwasqa kachkan (css tikraykunata tukunanta suyanqa).
pakay	Kay ruwayqa chaylla llamk'achisqa kachkan mayk'aq hideinstancia método waqyasqa kachkan.
pakasqa	Kay ruwayqa llamk'achisqa kachkan mayk'aq modal llamk'aqmanta pakasqa kayta tukusqa (css tikraykunata tukunanta suyanqa).

$ ( '#mi-modal' ). bind ( 'pakasqa' , ruway () {   
  // imatapas ruway ...
}) nisqa.

Demostración

Lanzamiento Modal

Kay plugin bootstrap pata barraman utaq tablayuq puriykunaman urayk'aq tinkiyta yapanapaq kachkan.

Uraykachiy

Boostrap-dropdown.js nisqawan yanapachikuspa

$ ( '#pata barra' ). urayk'aq () .

Markup

Utqaylla urayk'aq ruwanakunata mayqin nav elementomanpas yapanaykipaq, data-dropdownatributota llamk'achiy. Ima allin bootstrap urayk'aqpas kikinmanta llamk'achisqa kanqa.

<ul clase = "pestañas" > 
  <li clase = "activo" ><a href = "#" > Wasi </a></li>  
  <li class = "uraq" data-dropdown = "uraq" >   
    <a href = "#" class = "uraq-tukuy" > Urmachiy </a>  
    <ul clase = "uraq-menú" > 
      <li><a href = "#" > Iskay ñiqin t'inki </a></li> 
      <li><a href = "#" > Huk kaypi </a></li> 
      <li clase = "rakiq" </li> 
      <li><a href = "#" > Huk t'inki </a></li> 
    </ul>
  </li>
</ul>

Willakuy Sichus uiyki achka urayk'aqkunayuq, data-dropdownatributota yapayta yuyay huk aswan riqsisqa waqaychana elementoman hina .tabsutaq .topbar.

Métodos

$().urquy() .

Huk programatico api huk qusqa topbar utaq tabbed puriypaq menúkuna llamk'achinapaq.

Demostración

Kay plugin scrollspy (kikillanmanta musuqyachiy nav) tinkiyta bootstrap pata barra kaqman yapanapaq kachkan.

Uraykachiy

Boostrap-scrollspy.js nisqawan yanapachikuspa

$ ( '#pata barra' ). urayk'aq () .

Markup

Navniykiman scrollspy ruwayta mana sasachakuspa yapanaykipaq, chaylla data-scrollspyatributota yapay .topbar.

<div clase = "pata barra" data-scrollspy = "scrollspy" > ... </div>   

Métodos

$().k'askaq () .

Auto activan botones de navegación kaqwan usuariokuna desplazamiento posición kaqwan.

$ ( 'kurku > .hanaqpi kaq barra' ). scrollSpy () .

Willakuy Topbar ancla etiquetakuna allichanapaq id metakunayuq kanan tiyan. Ejemplopaq, a <a href="#home">home</a>tupananmi imapas dom nisqapi hina <div id="home"></div>.

.scrollspy(' musuqyachiy')

Scrollspy nav botones chaymanta t'aqa coordenadas ruwanapaq waqaychan. Sichus kay caché musuqyachiyta munanki (yaqapaschá sichus contenido dinámico kaqwan kanki) kay musuqyachiy ñanta waqyaylla. Sichus atributo de datos llamk'achirqanki scrollspy nisqayki riqsichinaykipaq, refresh nisqalla kurkupi waqyay.

$ ( 'cuerpo' ). scrollspy ( 'manta musuqyachiy' ) .

Demostración

Kay p'anqapi pata barra puriyta qhaway.

Kay plugin usqhaylla, dinamico tab chaymanta pastilla ruwayta yapan.

Uraykachiy

boostrap-tabs.js nisqawan yanapachikuspa

$ ( '.tabs' ). tablakuna () .

Markup

Huk pestaña utaq pastilla puriyta mana ima javascript qillqaspa activayta atikunki huk data-tabsutaq data-pillsatributo quspalla.

 <ul clase = "tabs" data-tabs = "tabs" > ... </ul>   

Métodos

$().tabs utaq $().pastillas

Huk qusqa contenedorpaq tabla chaymanta pastilla ruwayta llamk'achin. Tab t'inkikuna qillqapi id's nisqakunata riqsichinanku tiyan.

<ul clase = "pestañas" > 
  <li clase = "activo" ><a href = "#wasi" > Wasi </a></li>  
  <li><a href = "#perfil" > Willakuy </a></li> 
  <li><a href = "#willakuykuna" > Willakuykuna </a></li> 
  <li><a href = "#ajustes" > Ajustes </a></li> 
</ul>
 
<div clase = "pastilla-contenido" > 
  <div clase = "activo" id = "wasi" > ... </div>  
  <div id = "perfil" > ... </div> nisqa 
  <div id = "willakuykuna" > ... </div> 
  <div id = "ajustes" > ... </div> 
</ul>
 
<qillqa>
  $ ( ruway () { .  
    $ ( '.tabs' ). tablakuna () .
  }) nisqa.
</script> nisqa

Demostración

• Wasi
• Runapa kaynin
• Willakuykuna
• Ajustes

Jason Framepa qillqasqan allin jQuery.tipsy plugin nisqapi hapipakuspa; twipsy huk musuqchasqa laya kaq, mana siq'ikunapi hapipakunchu, css3 llamk'achin animacionkunapaq, chaymanta data-atributos titulo waqaychaypaq!

Uraykachiy

Bootstrap-twipsy.js nisqawan yanapachikuspa

$ ( '#ejemplo' ). twipsy ( akllanakuna ) .

Akllanakuna

Suti	niraq	ñawpaqchasqa	willay
animar	boolean nisqa	chiqaq	huk css fade tikrayta yanapakuypa yanapakuyninman churay
tardakuyIn	yupay	0.	tardiy manaraq yanapakuypa yuyaychayninta qawachichkaspa (ms) .
delayOut nisqa	yupay	0.	manaraq pakachkaspa tardiy (ms) .
fallback nisqa	qaytu	'' .	qillqa mana yanapakuypa titulon kaptin llamk'achinapaq
churay	qaytu	'hawa'	imaynatataq yanapakuypa yuyaychayninta churana - hawapi | uraypi | lluq'i | paña
html nisqapi	boolean nisqa	pantasqa	permite html contenido dentro de herramientas
kawsay	boolean nisqa	pantasqa	sapalla suceso kamachiqkunap rantinpi suceso delegacionta llamk'achiy
offset nisqa	yupay	0.	pixel desplazamiento de herramientas de herramientas de elemento de meta nisqamanta
suti	q'aytu | ruway	'suti'	atributo utaq método titulo qillqata kutichipunapaq
piñachiy	qaytu	'hover' nisqa.	imaynatataq llamkanakuna llamk'achisqa - hover | enfoque | makiwan

Métodos

$().twipsy(akllanakuna) .

Huk twipsy hap'iqta huk elemento huñusqaman k'askachin.

.twipsy('rikuchiy')

Revela un elementos twipsy.

$ ( '#elemento' ). twipsy ( 'rikuchiy' )

.twipsy('pakakuy')

Pakakun huk elementokuna twipsy.

$ ( '#elemento' ). twipsy ( 'pakakuy' )

.twipsy(chiqap) .

Huk elementokuna twipsy clase instanciata kutichin.

$ ( '#elemento' ). twipsy ( chiqap ) .

Willakuy Hukninpiqa, kayqa $().data('twipsy').

Demostración

Popover plugin huk sanu interfazta qun popovers ruwanaykiman yapanapaq. Chayqa boostrap-twipsy.js pluginta mast'arikun, chayrayku ama hina kaspa chay archivota hap'iy hinallataq popovers proyectoykipi churaspa!

Uraykachiy

boostrap-popover.js nisqawan yanapachikuspa

$ ( '#ejemplo' ). popover ( akllanakuna ) .

Akllanakuna

Suti	niraq	ñawpaqchasqa	willay
animar	boolean nisqa	chiqaq	huk css fade tikrayta yanapakuypa yanapakuyninman churay
tardakuyIn	yupay	0.	tardiy manaraq yanapakuypa yuyaychayninta qawachichkaspa (ms) .
delayOut nisqa	yupay	0.	manaraq pakachkaspa tardiy (ms) .
fallback nisqa	qaytu	'' .	qillqa mana yanapakuypa titulon kaptin llamk'achinapaq
churay	qaytu	'paña'	imaynatataq yanapakuypa yuyaychayninta churana - hawapi | uraypi | lluq'i | paña
html nisqapi	boolean nisqa	pantasqa	permite html contenido dentro de herramientas
kawsay	boolean nisqa	pantasqa	sapalla suceso kamachiqkunap rantinpi suceso delegacionta llamk'achiy
offset nisqa	yupay	0.	pixel desplazamiento de herramientas de herramientas de elemento de meta nisqamanta
suti	q'aytu | ruway	'suti'	atributo utaq método titulo qillqata kutichipunapaq
winay	q'aytu | ruway	'datos-contenido' nisqa.	atributo utaq método contenido qillqata hurqunapaq
piñachiy	qaytu	'hover' nisqa.	imaynatataq llamkanakuna llamk'achisqa - hover | enfoque | makiwan

Métodos

$().popover(akllanakuna) .

Huk elemento huñunapaq popovers nisqakunata qallarichin.

.popover('rikuchiy')

Revela un elementos popover.

$ ( '#elemento' ). popover ( 'rikuchiy' )

.popover('pakakuy')

Pakakun huk elementokuna popover.

$ ( '#elemento' ). popover ( 'pakakuy' ) .

Demostración

hover para popover nisqa

Alerta plugin huk super uchuy clase kan qaylla ruwanakuna alertakunaman yapanapaq.

Uraykachiy

Bootstrap-alerts.js nisqawan yanapachikuspa

$ ( ".alerta-willakuy" ). alerta () .

Markup

Huk data-alertatributota yapaylla willayniykiman willayniykiman kikinmanta qaylla ruwanakuna qunaykipaq.

Métodos

$().alerta() nisqa.

Llapan alertakunata qaylla ruwanakunawan p’istun. Alertaykikuna wichq'asqa kaptin animanankupaq, allinta qhaway chay .fadechaymanta .inclase paykunaman churasqaña kasqankuta.

.alert('wichqay')

Huk alertata wichqan.

$ ( ".alerta-willakuy" ). alerta ( 'wichqay' ) .

Demostración