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	booleano rehegua	japu	Oike peteĩ elemento modal-telón de fondo rehegua
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" data-backdrop = "añetegua" > Modal ñepyrũ </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 ({
  ombotyOnEscape : 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 boostrap-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 boostrap-scrollspy.js

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

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

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

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 omoĩve pya’e, dinámico ficha ha pastilla funcionalidad.

Mboguejy

Oipurúvo boostrap-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> 
</ul> rehegua
 
<guión> rehegua
  $ ( tembiaporã () { .  
    $ ( '.pestañas' ). fichas rehegua () .
  }) Ñe’ẽpoty ha purahéi .
</script> rehegua

Demostración rehegua

• Óga
• Yke
• Marandukuéra
• Ñembohekorã

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 rehegua | hembiapo	'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

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 boostrap-twipsy.js plugin, upévare eñangareko ejagarra hag̃ua upe vore avei emoĩ jave popovers nde proyecto-pe!

Mboguejy

Oipurúvo boostrap-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 rehegua | hembiapo	'myakãha'	atributo térã método ojegueru hag̃ua título jehaipyre
pypegua	cadena rehegua | hembiapo	'datos-contenido' rehegua.	atributo térã método ojegueru hag̃ua contenido jehaipyre
ñembokapu	sã	'hover' rehegua.	mba'éichapa oñemboguata tembipuru'i ñe'ẽmondo - hover | enfoque | popeguáva

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.

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