JQuery modal fensetere - seo u se hlokang le kamoo ho ka kenya

Ho fumana karabo ea potso ea hao, ka linako tse ling u na le ho qeta nako e ngata, haholo-holo haeba e tluoa tabeng ea ho ho web moralo e sa haholo-holo rutehileng litabeng tse joalo batho ba etsa qeto ea ho bopa websaeteng ya ba le bang. jQuery modal fensetere e ka ba e mong oa mathata ana a bohloko.

Ho Internet, lifensetere tsena e ka fumanoa e le ngata haholo. Ho bonahala hore feela lokela ho kopitsa u koale bona ho ya hao websaeteng ... Leha ho le joalo, hase bohle ba bonolo. Ka lehlohonolo o ne a tla ba le eona, ke ntlha efe kapa efe, ka lebaka la tseo tsohle e thibang, 'me ke ke ha khoneha ho rarolla bothata boo, hobane ho na le ha ho hlokahale hore tsebo ena. Ka hona, le tokelo ya ho lata ka jQuery modal fensetere ka dita tse ngata tse thahasellisang, e rarahaneng ka ho bolaoa, ho molemo ho qala lintho tse nyenyane, haholo bonolo modal fensetere ntle mathata leha e le efe e sa hlokahaleng.

Haeba u na le ya blog kae-kae ka rona wordpress, ke tsohle e bonolo haholo, 'me ha ho na le bothata ba hangata hlaha, joalokaha ho se na le e ngata ba itokiselitse entsoeng ditharollo - fapaneng Pop-ins. Empa ho na le boetse ho na le dikgetho tse fapaneng haholo, moo e 'ngoe e na le bona "sculpt" fensetere modal kapa retelehela ho ditshebeletso lefile ditsebi. Lefa ka ha u tseba, ha ho na motho ea batlang, haholo-holo ha ho bonahala eka feela lokela ho fumana ba tšereme mangole, 'me tsohle li tla tsamaea ntle ho itima lijo le lokolohile ka ho feletseng.

JQuery modal fensetere ke ho hlokahala hore ho bontša dikahare eo tsoela hammoho le boitsebiso bo leqepheng la 'me complements eona.

jQuery - ke eng?

Ho utloisisa ka ho feletseng haeba motho e mong ha a tsebe, jQuery - laebrari Javascript, 'me ea bobeli, le eena, a bolela karolo e itseng ea khoutu hlahiswa khoutu web-page mme o lumella u ho fihlela liphello fapaneng, e leng se ke ke ho sebediswa mmeedi ya HTML le CSS. A mohlala tloaelehileng ea karolo e itseng joalo khoutu ka 'na ba letsatsi hona joale kapa nakong di behilwe ka leqepheng la.

Ke jwa laebrari ka e na le ya semmuso websaeteng, bokhabane le lula ntlafalitsoeng, 'me ka hona ho na le liphetolelo tse ncha, ho fana ka tsona lilaebraring tse ncha.

Ho etsa hore ho ka ho hlakileng ho jQuery, u lokela ena kapa e le hantle hore ho na le puo e nang le maqephe a CSS setaele.

CSS Puo

CSS bolela "cascading setaele maqephe". Inthanete e se e ke ke ha khoneha ho fumana sebaka se neng se tla se sebelisoa puo eo.

Ka hona, ka modal lifensetere jQuery le CSS ke hoo e batlang e hlokahalang le irreplaceable. Ka hona, haeba jQuery e sa amanang, ho ke ho hlokahala hore ho etsa joalo.

Ho etsa sena ka hara di-tag hlooho e kenngoa ka tsela e latelang:

ke eng fensetere modal?

Habonolo le jQuery modal fensetere, di behilwe ha Downloading site, ho ka ba molemo ho eketsa palo ea peeletso. fensetere A tla hlaha ha leqephe bula. Ho ke ke ha sitisa le a hlola a tšosa mang kapa mang, hobane ka boemong bo sa thabiseng ho honyenyane habonolo koaloa, le konopo haufi tla di-cookie, 'me haeba u tobetsa e nyamela modal fensetere ke ke itlhahela hape.

fensetere popup

Itlhahela-up fensetere ka jQuery, na a bontša ka leqepheng la hang feela, ho ke ke e mong oa variants ea lifensetere modal.

Ho kenya tshebetsong e ke ho hlokahala hore ho etsa palo ya mehato.

O ka sebelisa plugin e khethehileng bakeng sa lifensetere modal. Ho molemo hore u thowuni ho tloha developer indonesia le, ka mohlala, arcticModal. Hokela e tjena:

Ntle ho fensetere mokhabiso mokhoa oa e mong oa maemo a polaka-in tla sheba e kang ena:

Ka mor'a moo, hokela polaka-di-cookie:

Ho ngoliloe HTML, e leng fepa lesedi ho mosebedisi ho:

Boletsweng ka khoutu sehlopha sa arctimonial-haufi se bolela hore le eena jQuery modal fensetere koala.

Next tluoa tabeng ea ho ngotsoeng ho qetela:

Ba bang ba sa entsprechen sebelisoa ke tse latelang:

closeOnOverClick: tla fumana hore na fensetere e koetsoeng ha o tobetsa koahele ka.

CloseOn esc lena: ho bolela ho phehella ho esc lena.

E felloa ke nako: totobatsa nako eo e leng nakong eo di-cookie tla ho bolokoa. Ka mothofatso sisintsweng, lekhetlong lena e tla ba matsatsi a mashome a tšeletseng, ke hore, fensetere ke ke lokelang ho o bontšoa ka likhoeli tse peli. The di-cookie e ntlafalitsoeng e mong le nako u etela.

Ka ho ithuta kamoo ho hloma sebakeng hao jQuery modal fensetere, u ka fetela dikgetho e tsoetseng pele ho feta haeba ho hlokahala. Ho etsa sena, eketsa mefuta e fapaneng ya mekhoa CSS, le fensetere tla fapane ka ho feletseng ho tswa ho modal fensetere libaka ho tse ling.

Fantasy le ho nahana ka thuso ka ditharollo haholo eketsa palo ea peeletso le mabenkeleng Internet bohlale kenngoa modal lifensetere khona ho eketsa thekiso haholo. Ka lebaka leo, nako e ile a qeta ka mananeo le tlhomamiso ya lifensetere, ba bonnete ba hore ho lokafatsa le lefe!

Types of fensetere modal

Modal lifensetere tse Pop-up ha u tobetsa e konopo loketseng ho tse kapa laela le leqepheng la, 'me bonahala hang-hang ka fono lekgetlo la. Ba ile ba ka ka koaloa ha a sa itlhahisa ka nako e itseng, haeba di-cookie ka e beha, e le ka mohlala le ka holimo, le ka 'na hlahella nako le nako ha leqephe e laela. Ho na le modal lifensetere, e tsitsitseng sebakeng se seng ka, 'me e lula e, ho sa tsotellehe ho sisinyeha ho ka leqepheng la,' me e ka ba matla, ha ka hare ea fensetere e na le tlhahisoleseding le sehokelo, 'me o feta mosebedisi ya. Feela ebe fensetere tla ntlafatsoa le setseng ka boemo immutable ba leqephe pele.