پنجره مودال JQuery - برای چیست و چگونه آن را نصب کنیم

فهرست مطالب:

پنجره مودال JQuery - برای چیست و چگونه آن را نصب کنیم
پنجره مودال JQuery - برای چیست و چگونه آن را نصب کنیم
Anonim

برای یافتن پاسخ سوال خود، گاهی اوقات باید زمان زیادی را صرف کنید، مخصوصاً اگر در مورد طراحی وب سایت، شخصی که در چنین مواردی تبحر خاصی ندارد تصمیم به ایجاد سایت گرفته باشد. روی پای خودش. یک پنجره مدال جی کوئری می تواند یکی از این کارهای دردناک باشد.

می توانید بسیاری از چنین ویندوزهایی را در اینترنت پیدا کنید. به نظر می رسد که شما فقط باید آنها را کپی کرده و در سایت خود قرار دهید … با این حال، همه چیز به این سادگی نیست. همانطور که شانس می آورد، جزئیاتی وجود دارد که همه چیز را کند می کند و حل این کار غیرممکن است، زیرا دانش لازم برای این کار وجود ندارد. بنابراین، به جای قلدری فوری یک پنجره مودال در جی کوئری با بسیاری از ویژگی های جالب که پیاده سازی آنها دشوار است، بهتر است با یک پنجره مودال کوچک و ساده و بدون هیچ مشکل غیر ضروری شروع کنید.

اگر وبلاگی در جایی در وردپرس وجود دارد، پس همه چیز بسیار ساده است و معمولاً هیچ مشکلی وجود ندارد، زیرا از قبل راه حل های آماده زیادی دارد - ماژول های مختلف پاپ آپ. اما گزینه های کاملاً متفاوتی نیز وجود دارد که در آن شما باید خودتان یک پنجره مودال را "مجسمه کنید" یا به خدمات پولی متخصصان مراجعه کنید. همانطور که می دانید، هیچ کس مایل به پرداخت نیست، به خصوص زمانی که به نظر می رسد فقط باید به ته موضوع بپردازید، و همه چیز به سرعت انجام می شود وکاملا رایگان.

برای نمایش محتوایی که همراه با اطلاعات صفحه و تکمیل کننده آن است، یک پنجره ی jquery مدال مورد نیاز است.

jQuery - چیست؟

برای درک کامل، اگر کسی نمی داند، jquery یک کتابخانه جاوا اسکریپت است و دومی به نوبه خود به معنای قطعه کدی است که در کد یک صفحه وب جاسازی شده است و به شما امکان می دهد به آن دست پیدا کنید. افکت های مختلف که نمی توانند در HTML و CSS پیاده سازی شوند. یک مثال معمولی از چنین کدی، تاریخ یا زمان فعلی نمایش داده شده در صفحه است.

توسعه دهندگان کتابخانه یک وب سایت رسمی دارند که دائماً در حال بهبود و به روز رسانی است که در ارتباط با آن همه نسخه های جدید کتابخانه های جدید ارائه می دهند.

برای اینکه به jquery بگویید به این یا آن افکت نیاز دارید، یک زبان CSS با شیوه نامه وجود دارد.

زبان CSS

CSS به معنای برگه‌های سبک آبشاری است. اکنون یافتن سایتی در اینترنت غیرممکن است که از این زبان استفاده نکند.

بنابراین، در ویندوزهای مودال، jquery و CSS تقریباً ضروری و ضروری هستند. بنابراین، اگر جی کوئری گنجانده نشده است، باید این کار را انجام دهید.

برای این کار، عبارت زیر در داخل تگ head درج می شود:

جی کوئری
جی کوئری

مدال برای چیست؟

یک مدال ساده جی کوئری که هنگام بارگیری سایت نشان داده می شود، می تواند برای جذب فالوورهای بیشتر مفید باشد. با باز شدن صفحه، پنجره ظاهر می شود. این خیلی حواس پرتی نیست و بعید است کسی را بترساند، زیرا با کوچکترین ناراحتی آسان استبسته می‌شود، و دکمه بستن کوکی‌هایی خواهد داشت، و وقتی روی آن کلیک می‌کنید، پنجره مودال ناپدید شده دوباره ظاهر نمی‌شود.

پنجره پاپ آپ

یک پنجره بازشو jquery که فقط یک بار در هر صفحه ظاهر می شود، یکی از انواع پنجره های مدال است.

برای اجرای آن، باید چند مرحله انجام داد.

می توانید از پلاگین های ویژه برای ویندوزهای مودال استفاده کنید. بهتر است آنها را از سایت های توسعه دهنده ای مانند arcticModal دانلود کنید. به صورت زیر متصل می شود:

پنجره مودال جی کوئری
پنجره مودال جی کوئری

بدون استایل پنجره، یکی از تم های استاندارد پلاگین به این شکل خواهد بود:

پنجره مودال ساده jQuery
پنجره مودال ساده jQuery

بعد، افزونه کوکی متصل می شود:

پنجره مودال جی کوئری
پنجره مودال جی کوئری

نوشتن کد HTML که اطلاعاتی را برای کاربر فراهم می کند:

پنجره مودال جی کوئری
پنجره مودال جی کوئری

کلاس arctimonial-close مشخص شده در کد به این معنی است که پنجره مدال jQuery با آن بسته می شود.

بعدی اسکریپت نهایی می آید:

jQuery popup modal
jQuery popup modal

برخی از پارامترهای استفاده شده به معنای زیر است:

closeOnOverClick: تعیین می کند که آیا با کلیک روی همپوشانی پنجره بسته می شود یا خیر.

CloseOn Esc: به معنای کلیک روی Esc است.

Expires: مدت زمان ذخیره کوکی را مشخص می کند. در نسخه پیشنهادی این زمان شصت روز خواهد بود یعنی تا دو ماه پنجره نمایش داده نمی شود. کوکی در هر بازدید به روز می شود.

آموزش نحوه نصب بر روی خودپنجره مدال جی کوئری در سایت، در صورت لزوم می توانید به گزینه های پیچیده تر بروید. برای این کار، انواع سبک‌های CSS اضافه می‌شود و پنجره کاملاً متفاوت از پنجره‌های مدال در سایر سایت‌ها می‌شود.

فانتزی و تخیل به لطف چنین راهکارهایی به افزایش چشمگیر تعداد مشترکین کمک می کند و پنجره های مدال درج شده ماهرانه در فروشگاه های آنلاین می تواند فروش را چندین برابر افزایش دهد. بنابراین، زمان صرف شده برای برنامه نویسی و نصب ویندوز توجیه خواهد شد و قطعا نتیجه خواهد داد!

انواع ویندوز مودال

پنجره های Modal می توانند با کلیک بر روی دکمه مربوطه باز شوند یا همراه با صفحه بارگیری شوند و بلافاصله پس از بارگیری ظاهر شوند. در صورت تنظیم یک کوکی، مانند مثال بالا، ممکن است برای مدتی دیگر در هنگام بسته شدن ظاهر نشوند، یا ممکن است هر بار که صفحه بارگیری می شود ظاهر شوند. پنجره های مودال وجود دارند که در یک مکان ثابت می شوند و علیرغم حرکت در صفحه روی آن باقی می مانند و زمانی می توانند پویا باشند که پنجره حاوی اطلاعاتی با لینک باشد و کاربر از آن عبور کند. سپس فقط پنجره به روز می شود، در حالی که صفحه اصلی بدون تغییر باقی می ماند.

توصیه شده: