Ore plugin Modal ha’e peteĩ toma súper delgado pe tradicional modal js plugin rehe, oñangarekóva especialmente oike haĝua pe funcionalidad desnuda añoite roikotevẽva ko’ápe twitter-pe.

Mboguejy

Oipurúvo bootstrap-modal rehegua

$ ( '#che-modal' ). modal ( opciones ) rehegua .

Opciones rehegua

Téra	hesegua	upevakuére	techaukaha
telón de fondo rehegua	boolean, vore rehegua	japu	Oike peteĩ elemento modal-telón de fondo rehegua. Emohenda telón de fondo-pe "static"ndereipotáiramo oñemboty modal ojepyso jave telón de fondo.
teclado rehegua	booleano rehegua	japu	Omboty modal ojepysóramo tecla escape
hechauka	booleano rehegua	japu	Oipeꞌa modal mboꞌepy ñepyrũ rehe

Marcado rehegua

Ikatu emomba’apo umi modal nde página-pe ndahasýiramo rehai’ỹre peteĩ línea javascript rehegua. Emeꞌente peteĩ elemento-pe peteĩ data-controls-modalatributo okorrespondéva peteĩ elemento modal id-pe, ha ojepyso jave, omoñepyrũta nde modal. Oñemoĩ hag̃ua opción modal, emoinge mante atributo de datos ramo avei.

<a class = "btn" data-controls-modal = "che-modal" dato-telón de fondo = "estático" > Ñepyrũrã Modal </a>    

Ñe’ẽñemi Reipotáramo ne modal omoingove ha osẽ, emoĩnte peteĩ .fadeclase nde .modalelemento-pe (ehecha demostración rehecha hag̃ua kóva tembiaporãme).

Método-kuéra rehegua

.modal(opciones) rehegua .

Omomba’apo ne contenido modal ramo. Omoneĩ peteĩ opción opcional object.

$ ( '#che-modal' ). modal rehegua ({
  teclado : añetegua 
}) Ñe’ẽpoty ha purahéi .

.modal('ombohasa') .

Ombohasa manualmente peteĩ modal.

$ ( '#che-modal' ). modal ( 'toggle' ) Ñe'ẽpoty ha purahéi .

.modal('ehechauka') .

Oipe’a manualmente peteĩ modal.

$ ( '#che-modal' ). modal ( 'ehechauka' ) .

.modal('oñomi') .

Oñomi manualmente peteĩ modal.

$ ( '#che-modal' ). modal ( 'oñomi' ) .

.modal(añetegua) .

Ombojevy peteĩ elemento clase modal instancia.

$ ( '#che-modal' ). modal ( añetegua ) .

Ñe’ẽñemi Ikatu avei ojegueru kóva rupive $().data('modal').

Umi mba’e oikóva

Bootstrap clase modal ohechauka mbovymi mbaꞌe ojehúva oñembojoaju hag̃ua funcionalidad modal-pe.

Jeguerohyha	Techaukaha
hechauka	Ko mbaꞌe ojehúva oñembopu pyaꞌe oñehenói jave showmétodo instancia rehegua.
ojehechauka	Ko mbaꞌe ojehúva oñembogue ojejapo rire modal ojehecha hag̃ua puruhárape (ohaꞌarõta oñembotývo umi css jehasaha).
mongañy	Ko mbaꞌe ojehúva oñembogue pyaꞌe oñehenói rire pe hidemétodo instancia rehegua.
kañy	Ko mbaꞌe ojehúva oñembogue pe modal oñemokañypa rire puruháragui (ohaꞌarõta oñembotývo umi css jehasaha).

$ ( '#che-modal' ). bind ( 'oñomi' , función () {   
  // ojapo peteĩ mba'e ...
}) Ñe’ẽpoty ha purahéi .

Demostración rehegua

Modal de lanzamiento rehegua

Ko plugin niko oñembojoapy hag̃ua interacción desplegable bootstrap topbar térã tabbed navegación-pe.

Mboguejy

Oipurúvo bootstrap-dropdown.js

$ ( '#barra yvategua' ). desplegable () rehegua .

Marcado rehegua

Oñemoĩ pyaꞌe hag̃ua funcionalidad desplegable oimeraẽva elemento nav-pe, eipuru data-dropdownatributo. Oimeraẽva bootstrap desplegable añetegua oñemboguatáva ijeheguiete.

<ul clase = "pestañas" > 
  <li clase = "activo" ><a href = "#" > Óga </a></li>  
  <li clase = "oguejy" data-dropdown = "oguejy" >   
    <a href = "#" mbo’esyry = "mboguejýva-mbohasáva" > Ñemboguejyha </a>  
    <ul clase = "menú desplegable" > 
      <li><a href = "#" > Ñe’ẽmondo mokõiha </a></li> 
      <li><a href = "#" > Ambue mba’e ko’ápe </a></li> 
      <li clase = "mboja'o" </li> 
      <li><a href = "#" > Ambue joajuha </a></li> 
    </ul> rehegua
  </li> rehegua
</ul> rehegua

Ñe’ẽñemi Nde ui oguerekóramo heta mba’e’oka, ehecha emoĩ hag̃ua data-dropdownatributo peteĩ elemento mba’yrurã iñimportantevévape ha’eháicha .tabstérã .topbar.

Método-kuéra rehegua

$().mboguejýva () .

Peteĩ api programatico oñemboguata hag̃ua menú peteĩ barra superior térã navegación ficha oñemeꞌevaꞌekuépe g̃uarã.

Demostración rehegua

Ko plugin haꞌehína oñembojoapy hag̃ua scrollspy (auto actualización nav) joajuha bootstrap yvateguápe.

Mboguejy

Oipurúvo bootstrap-scrollspy.js

$ ( '#barra yvategua' ). desplazamientoEspía () .

Marcado rehegua

Oñemoĩ hag̃ua scrollspy reko nde nav-pe ndahasýiramo, emoĩnte pe data-scrollspyatributo .topbar.

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

Método-kuéra rehegua

$ (). desplazamientoSpy () .

Auto oactiva umi botón navegación umi usuario posición desplazamiento rupive.

$ ( 'tete > .barra yvategua' ). desplazamientoEspía () .

Ñe’ẽñemi Umi etiqueta anclaje Topbar rehegua oguerekova’erã umi blanco id oñemyatyrõva. Techapyrã, a <a href="#home">home</a>okorrespondeva'erã peteĩ mba'e oĩva dom-pe ha'eháicha <div id="home"></div>.

.scrollSpy ('mbopyahu') .

Pe scrollspy omoĩ cache-pe umi botón nav ha umi coordenada sección rehegua ojejapo hag̃ua. Tekotevẽramo embopyahu ko caché (oiméne reguerekóramo contenido dinámico) ehenóinte ko método ñembopyahurã. Eipurúramo atributo de datos edefini hag̃ua nde scrollspy, ehenóinte refresh hetepýpe.

$ ( 'tete' ). scrollSpy ( 'mbopyahu' ) .

Demostración rehegua

Ehecháke pe barra yvategua jeguata ko páhinape.

Ko plugin oikuave’ẽ tembiaporã ambuéva oñemboguata hag̃ua botón estado.

Mboguejy

Oipurúvo bootstrap-buttons.js

$ ( '.pestañas' ). botón () rehegua .

Método-kuéra rehegua

$().botón('ombohasa') .

Ombohasa estado empuje rehegua. Ome'ẽ btn pe jehecha ha'eha activado.

Ñe’ẽñemi Ikatu emboguata auto toggling peteĩ botón rehegua eipurúvo data-toggleatributo.

<botón clase = "btn" data-toggle = "mbohasáva" > ... </botón>   

$().botón('oñekarga') .

Omohenda botón estado ojekarga hag̃ua - omboyke botón ha ombohasa jehaipyre ojekarga hag̃ua jehaipyre. Ojekarga hag̃ua jehaipyre oñembohekovaꞌerã elemento botón rehegua ojeporúvo atributo dato rehegua data-loading-text.

<botón clase = "btn" data-loading-text = "ojekarga mba’e..." > ... </botón>   

$().botón ('ñemoĩjey') .

Omoĩjey botón estado - ombohasa jehaipyre jehaipyre ypykuépe.

$().botón(cadena) rehegua .

Omohendajey botón estado - ombohasa jehaipyre oimeraẽva datokuéra jehaipyre estado oñembohekopyrévape.

<botón clase = "btn" dato-completo-texto = "oñemohu'ã!" > ... </botón> rehegua   
<guión> rehegua
  $('.btn').botón ('oñemohu'ã')
</scrip> rehegua

Demostración rehegua

Ojekarga jave Demo Ombohasa Demostración

Ko plugin omoĩve pya’e, dinámico ficha ha pastilla funcionalidad.

Mboguejy

Oipurúvo bootstrap-tabs.js

$ ( '.pestañas' ). fichas rehegua () .

Marcado rehegua

Ikatu emomba’apo peteĩ ficha térã pastilla jeguata rehai’ỹre mba’eveichagua javascript reme’ẽvo chupekuéra peteĩ data-tabstérã data-pillsatributo.

 <ul clase = "fichakuéra" data-tabs = "fichakuéra" > ... </ul>   

Método-kuéra rehegua

$().tabs térã $().pills

Omomba’apo pestaña ha pastilla funcionalidad peteĩ mba’yru oñeme’ẽvape g̃uarã. Umi enlace ficha rehegua oguerekova'erã referencia id's kuatiaroguépe.

<ul clase = "pestañas" > 
  <li clase = "activo" ><a href = "#óga" > Óga </a></li>  
  <li><a href = "#perfil" > Ñe’ẽmondo </a></li> 
  <li><a href = "#marandukuéra" > Marandukuéra </a></li> 
  <li><a href = "#mboheko" > Ñemboheko </a></li> 
</ul> rehegua
 
<div clase = "píldora-contenido" > 
  <div clase = "activo" id = "óga" > ... </div>  
  <div id = "perfil" > ... </div> rehegua 
  <div id = "marandukuéra" > ... </div> 
  <div id = "mbohekorã" > ... </div> 
</div> rehegua
 
<guión> rehegua
  $ ( tembiaporã () { .  
    $ ( '.pestañas' ). fichas rehegua () .
  }) Ñe’ẽpoty ha purahéi .
</script> rehegua

Umi mba’e oikóva

Jeguerohyha	Techaukaha
guerova	Ko mba’e ojehúva odispara pestaña ñemoambue rehe. Eipuru event.targetha event.relatedTargetemohenda hag̃ua pe ficha activa ha pe ficha activa mboyvegua peteĩteĩ.

$ ( '#.pestañas' ). bind ( 'moambue' , función ( e ) { .   
  e . target // ficha activada rehegua
  e . relatedTarget // pestaña mboyvegua
}) Ñe’ẽpoty ha purahéi .

Demostración rehegua

• Óga
• Yke
• Marandukuéra
• Ñembohekorã
• Ñemboguejyha
  • @ñandy
  • @mdo rehegua

Oñemopyendáva jQuery.tipsy plugin iporãitereíva ohaíva Jason Frame; twipsy haꞌehína peteĩ versión oñembopyahúva, ndojeroviapáiva taꞌãngamýire, oipuru css3 taꞌãngamýime g̃uarã, ha data-attributes título ñeñongaturã!

Mboguejy

Oipurúvo bootstrap-twipsy.js

$ ( '#techapyrã' ). twipsy ( opciones ) rehegua .

Opciones rehegua

Téra	hesegua	upevakuére	techaukaha
omoingove haguã	booleano rehegua	teete	emoĩ peteĩ css fade jehaipyre tembipuru’i ñe’ẽmondope
delayIn rehegua	papapy	0 rehegua	retardo ohechauka mboyve tembipuru’i ñe’ẽmondo (ms) .
delayOut rehegua	papapy	0 rehegua	retardo oñeñomi mboyve tembipuru’i ñe’ẽmondo (ms) .
fallback rehegua	sã	'' .	jehaipyre ojepuru hag̃ua ndaipóri jave tembipuru’i ñe’ẽñemi título
colocación rehegua	sã	'hi'ári'	mba'éichapa oñemohenda tembipuru'i - yvate | iguýpe | izquierda | akatúa
html rehegua	booleano rehegua	japu	oheja html contenido tembipuru’i ryepýpe
ko	booleano rehegua	japu	eipuru delegación evento rehegua umi evento ñangarekoha peteĩteĩva rangue
desplazamiento rehegua	papapy	0 rehegua	píxel desplazamiento tembipuru’i ñe’ẽmondo rehegua elemento destino-gui
myakãha	cadena, función rehegua	'myakãha'	atributo térã método ojegueru hag̃ua título jehaipyre
ñembokapu	sã	'hover' rehegua.	mba'éichapa oñemboguata tembipuru'i ñe'ẽmondo - hover | enfoque | popeguáva
plantilla rehegua	sã	[marca por defecto rehegua].	Pe plantilla html ojeporúva ojejapo hag̃ua peteĩ twipsy.

Marandu Umi opción instancia twipsy rehegua peteĩteĩva ikatu ojehechauka alternativamente umi atributo dato rehegua jepuru rupive.

<a href = "#" data-placement = "iguýpe" rel = 'twipsy' title = 'Algún texto título rehegua' > jehaipyre </a>    

Método-kuéra rehegua

$ ().twipsy(opciones) rehegua .

Ombojoaju peteĩ twipsy handler peteĩ elemento ñembyaty rehe.

.twipsy('ehechauka')

Oikuaauka peteî elementos twipsy.

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

.twipsy('oñomi') .

Oñomi peteĩ elementos twipsy.

$ ( '#elemento' ). twipsy ( 'oñomi' ) .

.twipsy(añetegua) .

Ombojevy peteĩ elementos twipsy clase instancia.

$ ( '#elemento' ). twipsy ( añetegua ) .

Ñe’ẽñemi Ikatu avei ojegueru kóva rupive $().data('twipsy').

Demostración rehegua

Pe popover plugin ome’ẽ peteĩ interfaz isãsóva emoĩ hag̃ua popovers ne purupyrãme. Ombohape bootstrap-twipsy.js plugin, upévare eñangareko ejagarra hag̃ua upe vore avei emoĩ jave popovers nde proyecto-pe!

Ñe’ẽñemi Emoĩva’erã bootstrap-twipsy.js vore bootstrap-popover.js mboyve .

Mboguejy

Oipurúvo bootstrap-popover.js

$ ( '#techapyrã' ). popover ( opciones ) rehegua .

Opciones rehegua

Téra	hesegua	upevakuére	techaukaha
omoingove haguã	booleano rehegua	teete	emoĩ peteĩ css fade jehaipyre tembipuru’i ñe’ẽmondope
delayIn rehegua	papapy	0 rehegua	retardo ohechauka mboyve tembipuru’i ñe’ẽmondo (ms) .
delayOut rehegua	papapy	0 rehegua	retardo oñeñomi mboyve tembipuru’i ñe’ẽmondo (ms) .
fallback rehegua	sã	'' .	jehaipyre ojepuru hag̃ua ndaipóri jave tembipuru’i ñe’ẽñemi título
colocación rehegua	sã	'akatúa'	mba'éichapa oñemohenda tembipuru'i - yvate | iguýpe | izquierda | akatúa
html rehegua	booleano rehegua	japu	oheja html contenido tembipuru’i ryepýpe
ko	booleano rehegua	japu	eipuru delegación evento rehegua umi evento ñangarekoha peteĩteĩva rangue
desplazamiento rehegua	papapy	0 rehegua	píxel desplazamiento tembipuru’i ñe’���mondo rehegua elemento destino-gui
myakãha	cadena, función rehegua	'myakãha'	atributo térã método ojegueru hag̃ua título jehaipyre
pypegua	cadena, función rehegua	'datos-contenido' rehegua.	peteĩ vore térã método ojegueru hag̃ua jehaipyre contenido rehegua. noñeme’ẽiramo mba’eve, contenido oñeguenohẽta peteĩ atributo data-content-gui.
ñembokapu	sã	'hover' rehegua.	mba'éichapa oñemboguata tembipuru'i ñe'ẽmondo - hover | enfoque | popeguáva
plantilla rehegua	sã	[marca por defecto rehegua].	Pe plantilla html ojeporúva ojejapo hag̃ua peteĩ popover.

Marandu Umi opción instancia popover rehegua peteĩteĩva ikatu ojehechauka alternativamente umi atributo dato rehegua jepuru rupive.

<a data-placement = "iguýpe" href = "#" clase = "btn peligro" rel = "popover" > jehaipyre </a>    

Método-kuéra rehegua

$().popover(opciones) rehegua .

Omoñepyrũ umi popover peteĩ elemento ñembyatyrã.

.popover('ehechauka')

Oikuaauka peteî elementos popover.

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

.popover('oñomi') .

Oñomi peteĩ elementos popover.

$ ( '#elemento' ). popover ( 'oñomi' ) .

Demostración rehegua

hover para popover rehegua

Pe plugin alerta rehegua ha’e peteĩ clase súper michĩmi oñembojoapy hag̃ua funcionalidad hi’aguĩva umi alerta-pe.

Mboguejy

Oipurúvo bootstrap-alerts.js

$ ( ".alerta-marandu" ). alerta rehegua () .

Marcado rehegua

Emoĩnte peteĩ data-alertatributo ne marandu alerta rehegua eme’ẽ hag̃ua ijeheguiete funcionalidad hi’aguĩva.

Opciones rehegua

Téra	hesegua	upevakuére	techaukaha
selector rehegua	sã	'.mboty'	Mba'e selector-pepa ojeapunta oñemboty haguã peteî alerta.

Método-kuéra rehegua

$ ().alerta () Ñe'ẽ guarani.

Ombojere opaite alerta funcionalidad hi’aguĩva reheve. Ikatu hag̃uáicha ne alertakuéra oñemokyre’ỹ oñembotývo, eñangareko oguerekoha hikuái pe .fadeha .inclase ojeaplikamava’ekue hesekuéra.

.alert('mboty') .

Omboty peteĩ alerta.

$ ( ".alerta-marandu" ). alerta ( 'mboty' ) .

Demostración rehegua