JQuery modal window - kung ano ang kailangan mo at kung paano i-install

Upang mahanap ang kasagutan sa iyong katanungan, kung minsan ikaw ay may na gumastos ng maraming oras, lalo na kung na nanggagaling sa disenyo ng web ay hindi partikular na dalubhasa sa mga naturang bagay mga tao ay nagpasya na lumikha ng isang website sa kanilang sarili. jquery modal window ay maaaring maging isa sa mga ito masakit problema.

Sa Internet, ang mga bintana ay maaaring matagpuan ng isang mahusay na marami. Ito tila na lamang ang kailangan upang kopyahin at idikit ang mga ito sa iyong website ... Gayunpaman, hindi lahat kaya simple. Bilang luck ay ito, ay anumang detalye, dahil sa kung saan lahat ng bagay ay inhibited, at ito ay imposible upang malutas ang problema, dahil walang pangangailangan para sa kaalaman na ito. Samakatuwid, ang karapatan upang kunin sa jquery modal window sa maraming mga kagiliw-giliw na chip, complex sa execution, mas mahusay na upang simulan ang maliit, napaka-simpleng modal window nang walang anumang hindi kailangang mga problema.

Kung mayroon kang isang blog sa isang lugar sa amin sa WordPress, ito ay ang lahat napaka-simple, at walang kahirapan karaniwang arises, tulad ng ito ay mayroon ng isang pulutong ng mga yari na mga solusyon - iba't-ibang mga pop-ins. Ngunit mayroon ding mga napaka-iba't ibang mga pagpipilian, kung saan ang isa ay may kanilang sariling mga "magpait" isang modal window o i-sa mga bayad na mga serbisyo espesyalista. Pay bilang alam mo, walang gustong, lalo na kapag ito tila na lamang ang kailangan upang makapunta sa core, at lahat ng bagay ay magpapasara out medyo mabilis at ganap na libre.

Jquery modal window ay kinakailangan upang ipakita ang nilalaman na napupunta kasama ang impormasyon sa pahina at Papuri ito.

jQuery - ano ito?

Upang lubos na maunawaan kung ang isang tao ay hindi alam, jquery - isang library JavaScript, at sa huli, siya namang, ay nangangahulugan ng isang seksyon ng code ipinakilala sa web-page code at nagbibigay-daan sa iyo upang makamit ang iba't ibang mga epekto, na kung saan ay hindi maaaring ipatupad sa loob ng balangkas ng HTML at CSS. Ang isang tipikal na halimbawa ng naturang bahagi ng code ay maaaring ang kasalukuyang petsa o oras na ipinapakita sa pahina.

Ang mga developer ng library ay may isang opisyal na website, kahusayan at ay patuloy na ina-update, at samakatuwid ay may mga bagong bersyon, nag-aalok ng mga bagong library.

Upang gawin itong malinaw sa jquery, kailangan mo ito o na epekto, doon ay isang wika na may CSS style sheet.

CSS Wika

Nangangahulugan CSS "cascading style sheet". Ang Internet ay imposible ngayon upang mahanap ang isang site na hindi ginagamit ang wika.

Samakatuwid, sa modal bintana jquery at CSS ay halos kinakailangan at hindi maaaring palitan. Samakatuwid, kung jquery ay hindi konektado, ito ay kinakailangan na gawin ito.

Upang gawin ito sa loob ng head tag ay nakapasok tulad ng sumusunod:

Ano ang modal window?

Madaling ang jquery modal window, na ipinapakita kapag nagda-download site, maaaring ito ay kapaki-pakinabang upang madagdagan ang bilang ng mga subscriber. Lilitaw ang isang window kapag ang pahina ay bubukas. Ito ay hindi distracting at malamang na hindi takutin ang sinuman, dahil sa slightest kahirapan madaling ma-sarado, at ang close button ay magiging cookies, at kung nag-click ka sa mga ito ay nawala modal window ay hindi magpa-pop up muli.

popup window

Pop-up window sa jquery, ay ipinapakita sa pahina nang isang beses lamang, ito ay isa sa mga variant ng modal bintana.

Upang ipatupad ito ay kinakailangan upang makagawa ng isang bilang ng mga hakbang.

Maaari mong gamitin ang isang espesyal na plugin para sa modal bintana. Ito ay pinakamahusay upang i-download ang mga ito mula sa nag-develop, halimbawa, arcticModal. Ikonekta ito bilang mga sumusunod:

Kapag walang window palamuti estilo ng isa sa mga karaniwang plug-in ay ganito ang hitsura:

Susunod, ikonekta ang isang plug-cookie:

Ito ay nakasulat sa HTML, na kung saan ay fed impormasyon sa user:

Ang tukoy sa code na klase arctimonial malapit na nangangahulugan na kasama niya jQuery modal window ng Pagtatasa.

Susunod na dumating ang pangwakas na script:

Ang ilan sa mga parameter na ginamit ay tulad ng sumusunod:

closeOnOverClick: ay matukoy kung ang window ay sarado kapag nag-click sa overlay.

CloseOn Esc: ay nangangahulugan ng pagpindot sa Esc.

Mga paso: tumutukoy sa panahon kung saan ang cookie ay naka-imbak. Sa ipinanukalang mga sagisag, oras na ito ay magiging animnapung araw, iyon ay, ang window ay hindi ipapakita sa loob ng dalawang buwan. cookie ay na-update sa bawat oras na bisitahin mo.

Sa pamamagitan ng pag-aaral kung paano i-set up sa iyong site jQuery modal window, maaari mong lumipat sa higit pang advanced na mga opsyon kung kailangan. Upang gawin ito, magdagdag ng isang iba't ibang mga estilo ng CSS, at ang window ay maging ganap na naiiba mula sa mga modal window ibang sites.

Fantasy at imahinasyon tulong sa solusyon makabuluhang taasan ang bilang ng mga tagasuskribi, at Internet tindahan skillfully nakapasok modal bintana ay magagawang upang madagdagan ang mga benta malaki-laki. Samakatuwid, ang oras na ginugol sa programming at pag-install ng mga bintana, siguraduhin na bigyang-katwiran at magbayad off!

Mga uri ng modal window

Modal bintana ay pop-up kapag nag-click sa naaangkop na pindutan o puno ng pahina, at lilitaw agad sa startup. Maaari silang sa closing hindi na lilitaw ang isang tiyak na tagal ng panahon, kung ang isang cookie ay naka-set, tulad ng sa halimbawa sa itaas, at maaaring lumitaw sa bawat oras na ang pahina ay load. May mga modal bintana, maayos sa isang lugar, at nanatili itong, sa kabila ng mga kilusan sa pahina, at maaaring maging dynamic, kapag sa loob ng window ay naglalaman ng impormasyon na may link, at ito ay ipinapasa sa user. Tanging pagkatapos ay ang window ay maa-update sa ang mga natitira sa walang pagbabago ng estado ng orihinal na pahina.