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, watiqa	pantasqa	Incluye un elemento de telón de fondo modal. Telón de fondo nisqaman churay "static"sichus mana munankichu modal wichqasqa kananta telón de fondo ñit'isqa kaptin.
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 = "estático" > Modal nisqa 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 ({
  teclado : 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

Bootstrap-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

Bootstrap-scrollspy.js nisqawan yanapachikuspa

$ ( '#pata barra' ). scrollSpy () .

Markup

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

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

Métodos

$().scrollSpy () nisqa.

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 ( ' musuqyachiy' ) .

Demostración

Kay p'anqapi pata barra puriyta qhaway.

Kay plugin yapa ruwanakunata qun botón estadota kamachinapaq.

Uraykachiy

Bootstrap-buttons.js nisqawan yanapachikuspa

$ ( '.tabs' ). botón () nisqa.

Métodos

$().botón('toggle') nisqa.

Toggles estado de empuje. Da btn el mirada que ha sido activado.

Willakuy Huk ñit'inata kikinmanta tikrayta atichiyta atikunki data-toggleatributo kaqwan.

<botón clase = "btn" data-toggle = "t'ikray" > ... </button>   

$().button('carga') .

Botón estadota kargaman churan - ñit'inata mana llamk'achinchu chaymanta qillqata qillqa kargaman tikran. Qillqata kargayqa willay layawan llamk'achispa ñit'ina elementopi sut'inchasqa kanan tiyan data-loading-text.

<button class = "btn" data-loading-text = "imakunatapas kargachkanki..." > ... </button>   

$().button('kutichiy') .

Botón estadota kutichin - qillqata ñawpaq qillqaman tikran.

$().botón(cadena) .

Botón estadota kutichin - qillqata mayqin willayta riqsichisqa qillqa estadomanpas tikran.

<button class = "btn" willay-hunt'asqa-qillqa = "tukusqa!" > ... </boton> nisqa   
<qillqa>
  $('.btn').button('hunt'asqa')
</scrip> nisqa

Demostración

Cargando Demo Toggle Demo nisqa

Kay plugin usqhaylla, dinamico tab chaymanta pastilla ruwayta yapan.

Uraykachiy

Bootstrap-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> 
</div> nisqa
 
<qillqa>
  $ ( ruway () { .  
    $ ( '.tabs' ). tablakuna () .
  }) nisqa.
</script> nisqa

Eventos nisqakuna

Ruwana	Willay
tikray	Kay ruwayqa tab tikraypi ninawan. Utilizar event.targety event.relatedTargetpara dirigir la pestaña activa y la pestaña activo anterior respectivamente.

$ ( '#.tabs' ). bind ( 'cambio' , función ( e ) { .   
  e . target // llamk'achisqa tabla
  e . relatedTarget // ñawpaq kaq tabla
}) nisqa.

Demostración

• Wasi
• Runapa kaynin
• Willakuykuna
• Ajustes
• Urmachiy
  • @wira
  • @mdo nisqa

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	kaska, rurana	'suti'	atributo utaq método titulo qillqata kutichipunapaq
piñachiy	qaytu	'hover' nisqa.	imaynatataq llamkanakuna llamk'achisqa - hover | enfoque | makiwan
plantilla	qaytu	[ñawpaqmanta churasqa].	La plantilla html utilizada para renderización de un twipsy.

Willakuy Sapa twipsy instancia akllanakuna hukniraymanta willay atributokuna llamk'achiyninwan willayta atikunku.

<a href = "#" data-placement = "urapi" rel = 'twipsy' title = 'Wakin titulu qillqa' > qillqa </a>    

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 bootstrap-twipsy.js pluginta mast'arikun, chayrayku ama hina kaspa chay archivota hap'iy hinallataq popovers proyectoykipi churachkaspa!

Willayta bootstrap-twipsy.js willañiqita manaraq bootstrap-popover.js kaqmanta churanayki tiyan.

Uraykachiy

Bootstrap-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	kaska, rurana	'suti'	atributo utaq método titulo qillqata kutichipunapaq
winay	kaska, rurana	'datos-contenido' nisqa.	huk watiqa icha ñan, imayna kanan qillqakunata hurqunapaq. mana mayqinpas qusqachu, willakuy huk willay-hina kaqnin atributomanta pukyuta ruwasqa kanqa.
piñachiy	qaytu	'hover' nisqa.	imaynatataq llamkanakuna llamk'achisqa - hover | enfoque | makiwan
plantilla	qaytu	[ñawpaqmanta churasqa].	La plantilla html utilizada para renderización de un popover.

Willakuy Sapa popover instancia akllanakuna hukmanta willay atributokuna llamk'achiyninwan willayta atikunku.

<a data-placement = "urapi" href = "#" clase = "btn peligro" rel = "popover" > qillqa </a>    

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.

Akllanakuna

Suti	niraq	ñawpaqchasqa	willay
akllaq	qaytu	'.wichqay'	Ima akllanatataq huk alerta wichq’anapaq targetta churana.

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