Malunghana na ti modals

Ku teka loku olovisiweke, kambe loku cinca-cincaka, eka plugin ya ndhavuko ya modal ya javascript leyi nga na ntsena ntirho wa le hansi lowu lavekaka na swihlawulekisi swo tlhariha.

Xikombiso xa xiyimo xa le henhla

Laha hansi ku na modal leyi hundzuluxeriweke hi ndlela leyi nga cinciki.

Demo leyi hanyaka

Toggle a modal hi ku tirhisa javascript hi ku tikhoma button leyi nga laha hansi. Yi ta rhetela ehansi yi tlhela yi nyamalala ku suka ehenhla ka tluka.

Ku tirhisa bootstrap-modal

Fonela modal hi ku tirhisa javascript:

$ ( '#Modal ya mina' ). modal ( swihlawulekisi ) .

Swihlawulekisi

Ku fungha swilo

U nga tirhisa ti modals eka pheji ya wena hi ku olova handle ko tsala layini yin’we ya javascript. Ntsena veka data-toggle="modal"eka elemente ya mulawuri leyi nga na data-target="#foo"kumbe href="#foo"leyi fambelanaka na id ya elemente ya modal, naswona loko yi tsindziyerile, yi ta sungula modal ya wena.

Nakambe, ku engetela swihlawulekisi eka xikombiso xa wena xa modal, swi katsa ntsena tanihi swihlawulekisi swa data leswi engetelekeke eka xiaki xa vulawuri kumbe ku fungha ka modal hi koxe.

<a class = "btn" data-toggle = "modal" href = "#Modal ya mina" > Sungula Modal </a>    

<div tlilasi = "modal" id = "Modal ya mina" >  
  <div class = "nhlokomhaka-ya-modal" > 
    < tlilasi ya buti = "pfala" data-dismiss = "modal" > × </button>  
    <h3> Nhlokomhaka ya modali </h3>
  </div>
  <div class = "miri-wa-modal" > 
    <p> Miri wun’we lowunene... </p>
  </div>
  <div class = "xihlamusela-marito xa xiyimo xa le hansi" > 
    <a href = "#" tlilasi = "btn" > Pfala </a>  
    <a href = "#" class = "btn btn-primary" > Hlayisa ku cinca </a>  
  </div>
</div>

Maendlelo

.modal(swihlawulekisi) .

Ku endla leswaku nhundzu ya wena yi tirha tanihi modal. Ku amukela swihlawulekisi swa ku hlawula object.

$ ( '#Modal ya mina' ). modal ({
  xikhiya : mavunwa 
}) .

.modal('ku cinca-cinca') .

Hi voko u cinca-cinca modal.

$ ( '#Modal ya mina' ). modal ( 'ku cinca-cinca' ) .

.modal('kombisa') .

Hi voko u pfula modal.

$ ( '#Modal ya mina' ). modal ( 'kombisa' ) .

.modal('fihla') .

Hi voko u tumbeta modal.

$ ( '#Modal ya mina' ). modal ( 'fihla' ) .

Swiendlakalo

Tlilasi ya modal ya Bootstrap yi paluxa swiendlakalo swi nga ri swingani swo khoma eka ntirho wa modal.

$ ( '#Modal ya mina' ). on ( 'ku fihliwile' , ntirho () {   
  // endla swo karhi...
}) .

Malunghana ni swilo leswi nga ehansi

Engetela timenyu leti nga ehansi eka kwalomu ka xin’wana ni xin’wana eka Bootstrap hi xiengetelo lexi xo olova. Bootstrap yi na nseketelo lowu heleleke wa menyu leyi nga ehansi eka eka navbar, tithebhu, na tiphilisi.

Swikombiso

Click eka ti dropdown nav links eka navbar na tiphilisi leti nga laha hansi ku kambela ti dropdowns.

• Xihlanganisi xa nkarhi na nkarhi
• Ku rhelela ehansi
  • Action
  • Another action
  • Something else here
  • Separated link
• Xihondzo xo Rindza 2
  • Action
  • Another action
  • Something else here
  • Separated link
• Ku rhelela ehansi 3
  • Action
  • Another action
  • Something else here
  • Separated link

Hi ku tirhisa bootstrap-dropdown.js

Fonela swilo leswi nga ehansi hi ku tirhisa javascript:

$ ( '.ku rhelela-ku cinca-cinca' ). xihlangi lexi nga ehansi () .

Ku fungha swilo

Ku hatlisa u engetela ntirho wa dropdown eka element yin’wana na yin’wana engetela ntsena data-toggle="dropdown"naswona dropdown yihi na yihi ya bootstrap leyi tirhaka yi ta tirhisiwa hi ku tisungulela.

<ul class = "nav nav-tiphilisi" > 
  <li class = "active" ><a href = "#" > Xihlanganisi xa nkarhi na nkarhi </a></li>  
  <li tlilasi = "xirhendzevutani" id = "menu1" >  
    <a class = "ku cinca-cinca-ku-tlhelela ehansi" data-toggle = "ku-tlhelela ehansi" href = "#menu1" >   
      Ku rhelela ehansi
      <b tlilasi = "caret" ></b> 
    </a>
    <ul class = "menyu leyi nga ehansi" > 
      <li><a href = "#" > Xiendlo </a></li> 
      <li><a href = "#" > Xiendlo xin'wana </a></li> 
      <li><a href = "#" > Xin'wana laha </a></li> 
      <li tlilasi = "xihambanisi" </li> 
      <li><a href = "#" > Xihlanganisi lexi hambanisiweke </a></li> 
    </ul>
  </li>
  ...
</ul>

Ku hlayisa ti-URL ti nga onhakanga, tirhisa data-targetxihlawulekisi ematshan’weni ya href="#".

<ul class = "nav nav-tiphilisi" > 
  <li class = "xirhendzevutani xa le hansi" > 
    <a class = "ku cinca-cinca-ku-tlhelela ehansi" data-toggle = "ku-hunguteka" data-target = "#" href = "ndlela/ku ya eka/pheji.html" >    
      Ku rhelela ehansi
      <b tlilasi = "caret" ></b> 
    </a>
    <ul class = "menyu leyi nga ehansi" > 
      ...
    </ul>
  </li>
</ul>

Maendlelo

$().xirhendzevutani xa () .

Api ya programatic yo tirhisa timenyu ta navbar leyi nyikiweke kumbe ku famba-famba loku nga ni tithebhu.

Plugin ya ScrollSpy i ya ku pfuxeta hi ku tisungulela swikongomelo swa nav hi ku ya hi xiyimo xa scroll.

Xikombiso xa navbar na scrollspy

Skrolela ndhawu leyi nga laha hansi ivi u hlalela mpfuxeto wa ku famba-famba. Swilo leswitsongo leswi nga ehansi swi ta kombisiwa na swona. Ringeta ku swi endla!

Hi ku tirhisa bootstrap-scrollspy.js

Fonela scrollspy hi ku tirhisa javascript:

$ ( '#navbar' ). xiphepherhele xa swiphepherhele () .

Ku fungha swilo

Ku engetela hi ku olova mahanyelo ya scrollspy eka ku famba-famba ka wena ka topbar, engetela ntsena data-spy="scroll"eka elemente leyi u lavaka ku yi hlota (hi ntolovelo leswi swi nga va miri).

<body data-spy = "ku rhendzeleka" > ... </miri>  

Maendlelo

.scrollspy('ku pfuxeta') .

Loko u tirhisa scrollspy hi ku fambisana na ku engetela kumbe ku susa swiaki eka DOM, u ta lava ku vitana ndlela yo pfuxeta ku fana na sweswo:

$ ( '[data-spy="ku rhendzeleka"]' ). xin'wana na xin'wana ( ntirho () { .  
  var $ nhlori = $ ( leswi ). scrollspy ( 'ku pfuxeta' ) .
});

Swihlawulekisi

Swiendlakalo

Plugin leyi yi engetela ku hatlisa, ku cinca-cinca ka thebhu na ntirho wa philisi ku cinca hi ku tirhisa swilo swa laha kaya.

Xikombiso xa tithebhu

Click ti tabs leti nga laha hansi ku cinca-cinca exikarhi ka ti pane leti fihliweke, hambi ku ri hi ku tirhisa ti dropdown menus.

• Kaya
• Phurofayili
• Ku rhelela ehansi
  • @fat
  • @mdo

Hi ku tirhisa bootstrap-tab.js

Endla leswaku tithebhu ta tithebhu ti tirha hi ku tirhisa javascript (thebhu yin’wana ni yin’wana yi lava ku tirhisiwa hi yoxe):

$ ( '#Tab ya mina a' ). click ( ntirho ( e ) { .  
  e . sivelaXihlawulekisi ();
  $ ( leswi ). tab ( 'kombisa' );
}) .

U nga tirhisa tithebhu ha yin’we-yin’we hi tindlela to hlayanyana:

$ ( '#Tab ya mina a[href="#profayile"]' ). tab ( 'kombisa' ); // Hlawula thebhu hi vito 
$ ( '#Tab ya mina a:yo sungula' ). tab ( 'kombisa' ); // Hlawula thebhu yo sungula 
$ ( '#Tab ya mina a:yo hetelela' ). tab ( 'kombisa' ); // Hlawula thebhu yo hetelela 
$ ( '#Tab ya mina li:eq(2) a' ). tab ( 'kombisa' ); // Hlawula thebhu ya vunharhu (0-indexed) . 

Ku fungha swilo

U nga tirhisa ku famba-famba ka thebhu kumbe philisi handle ko tsala javascript yihi na yihi hi ku boxa ntsena data-toggle="tab"kumbe data-toggle="pill"eka elemente. Ku engetela titlilasi ta na eka thebhu navswi ta tirhisa xitayili xa thebhu ya bootstrap.nav-tabsul

<ul tlilasi = "nav nav-tithebhu" > 
  <li><a href = "#ekaya" data-toggle = "thebhu" > Ekaya </a></li>  
  <li><a href = "#profayile" data-toggle = "thebhu" > Xivumbeko </a></li>  
  <li><a href = "#mahungu" data-toggle = "thebhu" > Mahungu </a></li>  
  <li><a href = "#swiyimiso" data-toggle = "thebhu" > Switirhisiwa </a></li>  
</ul>

Maendlelo

$().thebhu ya kona

Ku tirhisa xiaki xa thebhu na xigwitsirisi xa nhundzu. Tab yi fanele ku va na a data-targetkumbe ku hrefkongomisa eka node ya xikhomela eka DOM.

<ul class = "nav nav-tithebhu" id = "Tab ya mina" >  
  <li class = "active" ><a href = "#kaya" > Ekaya </a></li>  
  <li><a href = "#profayile" > Xivumbeko </a></li> 
  <li><a href = "#mahungu" > Mahungu </a></li> 
  <li><a href = "#swiyimiso" > Switirhisiwa </a></li> 
</ul>
 
<div class = "nhundzu ya thebhu" > 
  <div class = "thebhu-pheni leyi tirhaka" id = "kaya" > ... </div>  
  <div class = "thebhu-pheni" id = "phurofayili" > ... </div>  
  <div class = "thebhu-pheni" id = "mahungu" > ... </div>  
  <div class = "tab-pane" id = "swiletelo" > ... </div>  
</div>
 
<tsalwa>
  $ ( ntirho () { .  
    $ ( '#Tab ya mina a:yo hetelela' ). tab ( 'kombisa' );
  }) .
</script>

Swiendlakalo

$ ( 'a [ku cinca-cinca ka data="thebhu"]' ). on ( 'ku kombisiwile' , ntirho ( e ) { .   
  e . target // thebhu leyi tirhisiweke
  e . relatedTarget // thebhu ya khale
}) .

Malunghana na Switsundzuxo swa Switirhisiwa

Ku hlohloteriwa hi jQuery.tipsy plugin ya kahle swinene leyi tsariweke hi Jason Frame; Switirhisiwa i vuhundzuluxeri lebyi pfuxetiweke, lebyi nga titshegangiki hi swifaniso, byi tirhisa css3 eka swifaniso leswi hanyaka, na data-attributes eka vuhlayiselo bya swihloko swa laha kaya.

Xikombiso xa ku tirhisiwa ka Switirhisiwa

Hover ehenhla ka swihlanganisi leswi nga laha hansi ku vona switsundzuxo swa switirhisiwa:

Hi ku tirhisa bootstrap-tooltip.js

Pfuxeta xitsundzuxo xa xitirhisiwa hi ku tirhisa javascript:

$ ( '#xikombiso' ). xitsundzuxo xa switirhisiwa ( swihlawulekisi ) .

Swihlawulekisi

Ku fungha swilo

Hi swivangelo swa matirhelo, Tooltip na Popover data-apis swi hlawula ku nghena Loko u lava ku swi tirhisa ntsena boxa nhlawulo wa xihlawulekisi.

<a href = "#" rel = "xitsundzuxo xa xitirhisiwa" title = "xitsundzuxo xo sungula xa xitirhisiwa" > hover ehenhla ka mina </a>   

Maendlelo

$().xitsundzuxo xa switirhisiwa(swihlawulekisi) .

Ku khomanisa xitirhisiwa xa xitirhisiwa eka nhlengeleto wa swiaki.

.tooltip('kombisa') .

Ku paluxa xitsundzuxo xa xitirhisiwa xa elemente.

$ ( '#xiaki' ). xitsundzuxo xa switirhisiwa ( 'kombisa' ) .

.tooltip('fihla') .

Ku fihla xitsundzuxo xa xitirhisiwa xa elemente.

$ ( '#xiaki' ). xitsundzuxo xa switirhisiwa ( 'fihla' ) .

.tooltip('ku cinca-cinca') .

Ku cinca-cinca xitsundzuxo xa xitirhisiwa xa elemente.

$ ( '#xiaki' ). xitsundzuxo xa switirhisiwa ( 'toggle' ) .

Malunghana ni ti- popovers

Engetelani swifunengeto leswitsongo swa swilo leswi nga endzeni, ku fana ni leswi nga eka iPad, eka elemente yihi na yihi yo veka rungula ra vumbirhi.

* Swi lava leswaku Tooltip yi katsiwa

Xikombiso xa hover popover

Hover ehenhla ka button ku pfuxa popover.

Hi ku tirhisa bootstrap-popover.js

Endla leswaku ti-popovers ti tirha hi ku tirhisa javascript:

$ ( '#xikombiso' ). popover ( swihlawulekisi ) .

Swihlawulekisi

Ku fungha swilo

Hi swivangelo swa matirhelo, Tooltip na Popover data-apis swi hlawula ku nghena Loko u lava ku swi tirhisa ntsena boxa nhlawulo wa xihlawulekisi.

Maendlelo

$().popover(swihlawulekisi) .

Ku sungula ti-popovers ta nhlengeleto wa swiaki.

.popover('kombisa') .

Ku paluxa an elements popover.

$ ( '#xiaki' ). popover ( 'kombisa' ) .

.popover('fihla') .

Ku tumbeta an elements popover.

$ ( '#xiaki' ). popover ( 'fihla' ) .

.popover('ku cinca-cinca') .

Ku cinca-cinca ka swiaki swa popover.

$ ( '#xiaki' ). popover ( 'ku cinca-cinca' ) .

Malunghana ni switsundzuxo

Plugin ya xitsundzuxo i tlilasi leyitsongo yo engetela ntirho wa le kusuhi eka switsundzuxo.

Xikombiso xa switsundzuxo

Plugin ya switsundzuxo yi tirha eka marungula ya switsundzuxo ya nkarhi na nkarhi, na ku sivela marungula.

Hi ku tirhisa bootstrap-alert.js

Endla leswaku ku hlongoriwa ka xitsundzuxo ku tirha hi ku tirhisa javascript:

$ ( ".xitsundzuxo" ). xitsundzuxo () .

Ku fungha swilo

Ntsena engetela data-dismiss="alert"eka buti ya wena yo pfala ku nyika hi ku tisungulela ntirho wa ku pfala wa xitsundzuxo.

<a class = "pfala" data-dismiss = "xitsundzuxo" href = "#" > &minkarhi; </a>   

Maendlelo

$().xitsundzuxo() .

Pfuxeta switsundzuxo hinkwaswo hi ntirho wa le kusuhi. Ku endla leswaku switsundzuxo swa wena swi hanya loko swi pfariwile, tiyisisa leswaku swi na .fadena .intlilasi leyi se yi tirhisiweke eka swona.

.alert('pfala') .

Ku pfala xitsundzuxo.

$ ( ".xitsundzuxo" ). xitsundzuxo ( 'pfala' ) .

Swiendlakalo

Tlilasi ya xitsundzuxo ya Bootstrap yi paluxa swiendlakalo swi nga ri swingani swo khoma eka ntirho wa xitsundzuxo.

$ ( '#xitsundzuxo xa mina' ). bind ( 'ku pfariwile' , ntirho () {   
  // endla swo karhi...
}) .

Hi

Endla swo tala hi swikomba-nkarhi. Vulawuri bya swikomba-nkarhi kumbe ku tumbuluxa mintlawa ya swikomba-nkarhi swa swiphemu swo tala swo fana na tibarhi ta switirhisiwa.

Swikombiso swa matirhiselo

Tirhisa plugin ya swikomba-nkarhi eka swiyimo na ku cinca-cinca.

Hi ku tirhisa bootstrap-button.js

Endla leswaku swikomba-nkarhi swi tirha hi ku tirhisa javascript:

$ ( '.nav-tithebhu' ). xikomba -nkarhi () .

Ku fungha swilo

Swihlawulekisi swa datha i swa nkoka eka xiengetelo xa buti. Languta khodi ya xikombiso laha hansi eka tinxaka to hambana ta swimaki.

<!-- Engetela data-toggle="button" ku endla leswaku ku cinca-cinca ku tirha eka buti yin'we -->
<button class = "btn" data-toggle = "button" > Xihlawulekisi xin'we </button>  
 
<!-- Engetela data-toggle="buttons-checkbox" ya ku cinca-cinca ka xitayili xa bokisi ro kambela eka btn-group -->
<div class = "btn-group" data-toggle = "swikomba-ndlela-bokisi ro kambela" >  
  <button class = "btn" > Ximatsi </button> 
  <button class = "btn" > Xikarhi </button> 
  <button class = "btn" > Xinene </button> 
</div>
 
<!-- Engetela data-toggle="buttons-radio" ya ku cinca-cinca ka xitayili xa xiya-ni-moya eka btn-group -->
<div class = "btn-ntlawa" data-toggle = "swikomba-ndlela-radio" >  
  <button class = "btn" > Ximatsi </button> 
  <button class = "btn" > Xikarhi </button> 
  <button class = "btn" > Xinene </button> 
</div>

Maendlelo

$().button('ku cinca-cinca') .

Ku cinca-cinca xiyimo xa push. Yi nyika button xivumbeko xa leswaku yi tirhisiwile.

< tlilasi ya buti = "btn" data-toggle = "buti" > ... </button>   

$().button('ku layicha') .

Seta xiyimo xa buti eka ku layicha - yi tshikisa buti na ku cincana tsalwa eka ku layicha tsalwa. Ku layicha tsalwa ku fanele ku hlamuseriwa eka elemente ya buti hi ku tirhisa xihlawulekisi xa datha data-loading-text.

<button class = "btn" data-loading-text = "ku layicha swilo..." > ... </button>   

$().button('seta nakambe') .

Ku tlherisela xiyimo xa buti - cinca tsalwa eka tsalwa ra masungulo.

$().button(ntambhu) .

Yi tlherisela xiyimo xa buti - yi cincana tsalwa eka xiyimo xihi na xihi xa tsalwa lexi hlamuseriweke hi datha.

<button class = "btn" data-ku hetiseka-tsalwa = "ku hetisiwile!" > ... </button> leyi nga kona   
<tsalwa>
  $ ( '.btn' ). button ( 'ku hetiseka' ) .
</script>

Hi

Kuma switayele swa le hansi na nseketelo lowu cinca-cincaka wa swiphemu leswi pfalaka ku fana na ti-accordion na ku famba-famba.

* Swi lava leswaku ku katsiwa plugin ya Transitions.

Xikombiso xa accordion

Hi ku tirhisa plugin ya collapse, hi ake xitirhisiwa xo olova xa xitayili xa accordion:

Hi ku tirhisa bootstrap-collapse.js

Endla leswaku swi tirha hi ku tirhisa javascript:

$ ( ".ku tshoveka" ). ku wa () .

Swihlawulekisi

Ku fungha swilo

Ntsena engetela data-toggle="collapse"na a data-targeteka elemente ku avela hi ku tisungulela vulawuri bya elemente leyi nga pfaleriwaka. Xihlawulekisi data-targetxi amukela xihlawulekisi xa css ku tirhisa ku wisa eka xona. Tiyiseka leswaku u engetela tlilasi collapseeka xiaki lexi nga pfaleriwaka. Loko u lava leswaku yi pfuleka hi ku tiyimisela, engetela tlilasi leyi engetelekeke in.

<button class = "btn btn-khombo" data-toggle = "ku wa" data-xikongomiso = "#demo" >   
  ku olova loku pfotlosaka
</button>
 
<div id = "demo" class = "ku wa eka" > ... </div>  

Maendlelo

.collapse(swihlawulekisi) .

Ku endla leswaku nhundzu ya wena yi tirha tanihi xiaki lexi nga pfaleriwaka. Ku amukela swihlawulekisi swa ku hlawula object.

$ ( '#swi nga pfaleriwa hi mina' ). ku wa ({
  toggle : mavunwa 
}) .

.collapse('ku cinca-cinca') .

Ku cinca-cinca xiaki lexi nga pfaleriwaka ku ya eka lexi kombisiweke kumbe lexi fihliweke.

.collapse('kombisa') .

Ku kombisa xiaki lexi nga tshovekaka.

.collapse('fihla') .

Ku tumbeta xiaki lexi nga tshovekaka.

Swiendlakalo

Tlilasi ya ku wa ya Bootstrap yi paluxa swiendlakalo swi nga ri swingani swo khoma eka ntirho wa ku wa.

$ ( '#swi nga pfaleriwa hi mina' ). on ( 'ku fihliwile' , ntirho () {   
  // endla swo karhi...
}) .

Hi

Plugin ya xivumbeko xa le henhla ya ku rhendzeleka hi swiaki. Xiendlakalo xo tsakisa.

Xikombiso xa carousel

Languta nkombiso wa swilayidi laha hansi.

Lebula yo sungula ya Xifaniso lexitsongo

Cras justo odio, dapibus ac facilisis eka, swifaniso leswi nga ni swilo swo tala. Donec id elit leyi nga riki na mi porta gravida eka eget metus. Nullam id dolor id nibh ultricies mimovha ut id elit.

Second Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Third Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

‹ . › .

Hi ku tirhisa bootstrap-carousel.js

Fonela hi ku tirhisa javascript:

$ ( '.xirhendzevutani' ). xibalesa xa xirhendzevutani () .

Swihlawulekisi

Ku fungha swilo

Swihlawulekisi swa datha swi tirhisiwa eka ti-conrol leti hundzeke na leti landzelaka. Languta xikombiso xa markup laha hansi.

<div id = "Carousel ya mina" tlilasi = "carousel" >  
  <!-- Swilo swa carousel -->
  <div class = "xirhendzevutani xa carousel" > 
    <div class = "nchumu lowu tirhaka" > ... </div> 
    <div tlilasi = "nchumu" > ... </div> 
    <div tlilasi = "nchumu" > ... </div> 
  </div>
  <!-- Xibalesa xa xirhendzevutani nav -->
  <a class = "carousel-vulawuri bya ximatsi" href = "#Carousel ya mina" data-slide = "prev" > ‹ </a>   
  <a class = "xinene xa vulawuri bya carousel" href = "#Carousel ya mina" data-slide = "leyi landzelaka" > › </a>   
</div>

Maendlelo

.carousel(swihlawulekisi) .

Ku sungula carousel hi swihlawulekisi swo hlawula objectivi a sungula ku khandziya xikanyakanya hi swilo.

$ ( '.xirhendzevutani' ). xibalesa xa xirhendzevutani ({
  nkarhi wo leha : 2000 
}) .

.carousel('xirhendzevutani') .

Ku rhendzeleka hi swilo swa carousel ku suka eximatsini ku ya exineneni.

.carousel('ku yimanyana') .

Swi yimisa carousel ku famba hi xikanyakanya hi swilo.

.carousel(nomboro) .

Yi rhendzeleka na carousel eka furemu yo karhi (0 based, ku fana na array).

.carousel('ku hundza') .

Swirhendzevutana ku ya eka nchumu lowu hundzeke.

.carousel('lexi landzelaka') .

Swirhendzevutana swi ya eka nchumu lowu landzelaka.

Swiendlakalo

Tlilasi ya carousel ya Bootstrap yi paluxa swiendlakalo swimbirhi swo khoma eka ntirho wa carousel.

Hi

Plugin ya xisekelo, leyi andlariweke hi ku olova yo hatlisa ku tumbuluxa ti-typeahead to saseka hi ku nghenisa tsalwa ra fomo rihi na rihi.

Xikombiso

Sungula ku thayipa eka nsimu leyi nga laha hansi ku kombisa mbuyelo wa typeahead.

Hi ku tirhisa bootstrap-typeahead.js

Fonela typeahead hi ku tirhisa javascript:

$ ( '.ku thayipa emahlweni' ). ku thayipa emahlweni () .

Swihlawulekisi

Ku fungha swilo

Engetela swihlawulekisi swa datha ku tsarisa elemente leyi nga na ntirho wa typeahead.

< muxaka wa ku nghenisa = "tsalwa" data-provide = "typeahead" >  

Maendlelo

.typeahead(swihlawulekisi) .

Ku sungula ku nghenisa hi typeahead.