JQuery: per a què serveix i com instal·lar-la

Taula de continguts:

JQuery: per a què serveix i com instal·lar-la
JQuery: per a què serveix i com instal·lar-la
Anonim

Per trobar la resposta a la teva pregunta, de vegades has de dedicar molt de temps, sobretot si, pel que fa al disseny web, una persona poc versada en aquests temes ha decidit crear un lloc. pel seu compte. Una finestra modal de jquery pot ser una d'aquestes tasques agonitzants.

Podeu trobar moltes finestres d'aquest tipus a Internet. Sembla que només cal copiar-los i enganxar-los al vostre lloc… No obstant això, no tot és tan senzill. Per sort, hi ha algun detall que ho frena tot, i és impossible resoldre la tasca, perquè no hi ha coneixements necessaris per a això. Per tant, en lloc d'assetjar immediatament una finestra modal a jQuery amb moltes funcions interessants que són difícils d'implementar, és millor començar amb una finestra modal petita i senzilla sense problemes innecessaris.

Si hi ha un bloc en algun lloc de wordpress, aleshores tot és molt senzill i normalment no hi ha dificultats, ja que ja té moltes solucions preparades: diversos mòduls emergents. Però també hi ha opcions completament diferents en què heu de "esculpir" una finestra modal o recórrer a serveis de pagament d'especialistes. Com sabeu, ningú vol pagar, sobretot quan sembla que només cal anar al fons de la qüestió, i tot sortirà força ràpid itotalment gratuït.

Es necessita una finestra modal de jquery per mostrar contingut que vagi amb la informació de la pàgina i la complementi.

jQuery: què és?

Per a una comprensió completa, si algú no ho sap, aleshores jquery és una biblioteca de JavaScript, i aquesta última, al seu torn, significa un tros de codi que està incrustat en el codi d'una pàgina web i que permet aconseguir diferents efectes que no es poden implementar en HTML i CSS. Un exemple típic d'aquest fragment de codi seria la data o l'hora actual que es mostra a la pàgina.

Els desenvolupadors de la biblioteca disposen d'un lloc web oficial, que s'està millorant i actualitzant constantment, en relació amb el qual hi ha totes les noves versions que ofereixen noves biblioteques.

Per dir a jquery que necessiteu aquest o aquell efecte, hi ha un llenguatge CSS amb fulls d'estil.

idioma CSS

CSS significa Fulls d'estil en cascada. Ara és impossible trobar un lloc a Internet que no utilitzi aquest idioma.

Per tant, a les finestres modals, jquery i CSS són gairebé indispensables i indispensables. Per tant, si no s'inclou jquery, heu de fer això.

Per fer-ho, s'insereix el següent a l'etiqueta del cap:

jQuery
jQuery

Per a què serveixen els modals?

Un simple jquery modal que apareix quan es carrega el lloc pot ser útil per aconseguir més seguidors. La finestra apareixerà quan s'obri la pàgina. No distreu gaire i és poc probable que espanti a ningú, ja que a la mínima incomoditat és fàciles tanca i el botó de tanca tindrà galetes, i quan hi feu clic, la finestra modal desapareguda no tornarà a aparèixer.

Finestra emergent

Una finestra emergent de jquery que només apareix una vegada per pàgina és una variació de les finestres modals.

Per implementar-lo, cal seguir una sèrie de passos.

Podeu utilitzar connectors especials per a finestres modals. El millor és descarregar-los des de llocs de desenvolupadors com arcticModal. Es connecta de la següent manera:

Finestra modal de jQuery
Finestra modal de jQuery

Sense l'estil de la finestra, un dels temes de connectors estàndard tindrà aquest aspecte:

Finestra modal simple de jQuery
Finestra modal simple de jQuery

A continuació, el connector de galetes està connectat:

Finestra modal de jQuery
Finestra modal de jQuery

Escriptura de codi HTML que proporcioni informació per a l'usuari:

Finestra modal de jQuery
Finestra modal de jQuery

La classe arctimonial-close especificada al codi significa que la finestra modal de jQuery es tancarà amb ella.

A continuació ve el guió final:

JQuery emergent modal
JQuery emergent modal

Alguns dels paràmetres utilitzats signifiquen el següent:

closeOnOverClick: determinarà si la finestra es tanca quan es fa clic a la superposició.

CloseOn Esc: significa fer clic a Esc.

Expira: especifica el temps durant el qual s'emmagatzemarà la galeta. En la versió proposada, aquest temps serà de seixanta dies, és a dir, la finestra no es mostrarà durant dos mesos. La galeta s'actualitza a cada visita.

Aprendre a instal·lar al vostrefinestra modal de jQuery al lloc, podeu passar a opcions més complexes si cal. Per a això, s'afegeixen diversos estils CSS, i la finestra serà completament diferent de les finestres modals d' altres llocs.

La fantasia i la imaginació ajudaran a augmentar significativament el nombre de subscriptors gràcies a aquestes solucions, i les finestres modals inserides amb habilitat a les botigues en línia poden augmentar les vendes moltes vegades. Per tant, el temps dedicat a programar i instal·lar Windows estarà justificat i definitivament pagarà!

Tipus de finestres modals

Les finestres modals poden aparèixer quan feu clic al botó corresponent o es carreguen juntament amb la pàgina i apareixen immediatament quan es carrega. És possible que ja no apareguin en tancar durant un període de temps si s'estableix una galeta, com en l'exemple descrit anteriorment, o poden aparèixer cada vegada que es carregui la pàgina. Hi ha finestres modals que es fixen en un lloc i hi romanen, malgrat els moviments a la pàgina, i poden ser dinàmiques quan la finestra conté informació amb un enllaç, i l'usuari hi passa. Aleshores només s'actualitzarà la finestra, mentre que la pàgina original romandrà sense canvis.

Recomanat: