A fancybox és a jquery használatával modális ablakokat hozhat létre

A modális ablakok létrehozása meglehetősen igényes igény, amely gyakorlatilag mindenütt különböző célokra felmerülhet, függetlenül attól, hogy ez egy egyszerű információs üzenet, egy bemeneti forma vagy valami más. Szerencsére már léteznek más programozók kész munkái, amelyeket felhasználhat, így időt takaríthat meg más feladatokra. Most arról fogunk beszélni, hogyan használhatjuk a JQuery könyvtárat és a fantáziadobozot modális ablak létrehozásához.

Töltse le az archívumot a fájlokkal. Továbbá megfontoljuk, hogyan lehet ezt a vállalkozást összeszerelni a projektben. Kicsomagolja az archívumot, helyezze el a fájlokat a sablon könyvtárába, majd csatlakoztassa a fejléc fejlécéhez szükséges fájlokhoz:

Most közvetlenül az űrlapra. A forma lehet teljesen önkényes, és egy sor a mezők vagy más adat, akkor nem számít, a lényeg az, hogy az egész dolog, arra a következtetésre jutunk a blokk, és rendelje hozzá az id attribútum, az én esetemben, ez a visszajelzés. A stílusok a készülék az értéket a display: none, hogy a forma nem jelenne meg az oldalon.

Vegye figyelembe a link attribútumait, a href adja meg az űrlap azonosítóját, valamint a modalbox osztályt, amelyet szintén fel lehet használni az előugró ablak inicializálására.

Hasonlóképpen tetszőleges mezőket és egyéb adatokat is elhelyezhet a blokkban. Kérdezzen, segíteni fogok.
Íme egy példa arra, hogyan működik egy ablak.