للعثور على إجابة لسؤالك ، عليك أحيانًا قضاء الكثير من الوقت ، خاصةً إذا كان هناك شخص غير متمرس في مثل هذه الأمور قد قرر إنشاء موقع ، فيما يتعلق بتصميم الويب بمفرده. يمكن أن تكون نافذة jquery modal إحدى هذه المهام المؤلمة.
يمكنك أن تجد الكثير من هذه النوافذ على الإنترنت. يبدو أنك تحتاج فقط إلى نسخها ولصقها على موقعك … ومع ذلك ، فليس كل شيء بهذه البساطة. لحسن الحظ ، هناك بعض التفاصيل التي تبطئ كل شيء ، ومن المستحيل حل المهمة ، لأنه لا توجد معرفة ضرورية لذلك. لذلك ، بدلاً من التنمر الفوري على نافذة مشروطة على jQuery مع العديد من الميزات المثيرة للاهتمام التي يصعب تنفيذها ، فمن الأفضل أن تبدأ بإطار صغير وأبسط نموذجي دون أي مشاكل غير ضرورية.
إذا كانت هناك مدونة في مكان ما على ووردبريس ، فكل شيء بسيط للغاية ، وعادة لا توجد صعوبات ، لأنه يحتوي بالفعل على العديد من الحلول الجاهزة - وحدات منبثقة متنوعة. ولكن هناك أيضًا خيارات مختلفة تمامًا حيث يتعين عليك "نحت" نافذة نموذجية بنفسك أو اللجوء إلى الخدمات المدفوعة للمتخصصين. كما تعلم ، لا أحد يريد الدفع ، خاصةً عندما يبدو أنك بحاجة فقط للوصول إلى جوهر الأمر ، وسيظهر كل شيء بسرعة كبيرةخالية تماما.
نافذة مشروطة jquery مطلوبة لعرض المحتوى الذي يتماشى مع المعلومات الموجودة على الصفحة ويكملها.
jQuery - ما هو؟
من أجل الفهم الكامل ، إذا كان شخص ما لا يعرف ، فإن jquery هي مكتبة JavaScript ، والأخيرة ، بدورها ، تعني جزءًا من التعليمات البرمجية المضمنة في كود صفحة الويب وتسمح لك بالتحقيق تأثيرات مختلفة لا يمكن تنفيذها داخل HTML و CSS. المثال النموذجي لمثل هذا الجزء من الكود هو التاريخ أو الوقت الحالي المعروض على الصفحة.
يمتلك مطورو المكتبة موقعًا إلكترونيًا رسميًا ، يتم تحسينه وتحديثه باستمرار ، حيث توجد جميع الإصدارات الجديدة التي تقدم مكتبات جديدة.
لإخبار jquery أنك بحاجة إلى هذا التأثير أو ذاك ، هناك لغة CSS مع أوراق الأنماط.
لغة CSS
CSS تعني أوراق الأنماط المتتالية. أصبح من المستحيل الآن العثور على موقع على الإنترنت لا يستخدم هذه اللغة.
ومن ثم ، في النوافذ المشروطة ، لا غنى عن jquery و CSS ولا غنى عنهما. لذلك ، إذا لم يتم تضمين jquery ، فأنت بحاجة إلى القيام بذلك.
للقيام بذلك ، يتم إدخال ما يلي داخل علامة الرأس:
ما هي الوسائط؟
يمكن أن يكون نموذج jquery البسيط الذي يظهر عند تحميل الموقع مفيدًا في الحصول على المزيد من المتابعين. ستظهر النافذة عند فتح الصفحة. إنه لا يشتت الانتباه كثيرًا ومن غير المرجح أن يخيف أي شخص ، لأنه من السهل القيام بذلك بأقل قدر من الانزعاجيغلق ، وسيحتوي زر الإغلاق على ملفات تعريف الارتباط ، وعندما تضغط عليه ، لن تظهر نافذة الوسائط المختفية مرة أخرى.
نافذة منبثقة
نافذة jquery المنبثقة التي تظهر مرة واحدة فقط لكل صفحة هي شكل من أشكال النوافذ المشروطة.
لتنفيذه يجب اتباع عدد من الخطوات
يمكنك استخدام ملحقات خاصة للنوافذ المشروطة. من الأفضل تنزيلها من مواقع المطورين مثل arcticModal. يربط على النحو التالي:
بدون نمط النافذة ، سيبدو أحد سمات المكونات الإضافية القياسية على النحو التالي:
بعد ذلك ، المكون الإضافي لملفات تعريف الارتباط متصل:
كتابة كود HTML الذي يوفر معلومات للمستخدم:
فئة إغلاق arctimonial المحددة في الكود تعني أن نافذة jQuery المشروطة ستغلق معها.
بعد ذلك يأتي النص النهائي:
بعض المعلمات المستخدمة تعني ما يلي:
closeOnOverClick: سيحدد ما إذا كانت النافذة ستغلق عند النقر فوق التراكب.
CloseOn Esc: يعني النقر على Esc.
Expires: يحدد الوقت الذي سيتم فيه تخزين ملف تعريف الارتباط. في الإصدار المقترح ، ستكون هذه المرة ستين يومًا ، أي لن تظهر النافذة لمدة شهرين. يتم تحديث ملف تعريف الارتباط في كل زيارة.
تعلم كيفية التثبيت على ملفjQuery modal window على الموقع ، يمكنك الانتقال إلى خيارات أكثر تعقيدًا إذا لزم الأمر. لهذا الغرض ، تمت إضافة مجموعة متنوعة من أنماط CSS ، وستصبح النافذة مختلفة تمامًا عن النوافذ المشروطة في المواقع الأخرى.
سيساعد الخيال والخيال في زيادة عدد المشتركين بشكل كبير بفضل هذه الحلول ، ويمكن للنوافذ النموذجية المُدرجة بمهارة في المتاجر عبر الإنترنت أن تزيد المبيعات عدة مرات. لذلك فإن الوقت الذي تقضيه في برمجة وتثبيت النوافذ سيكون له ما يبرره وسيؤتي ثماره بالتأكيد!
أنواع النوافذ المشروطة
يمكن أن تكون النوافذ المشروطة منبثقة عند النقر فوق الزر المقابل أو تحميلها مع الصفحة وتظهر فور التحميل. قد لا تظهر بعد ذلك عند الإغلاق لفترة من الوقت إذا تم تعيين ملف تعريف ارتباط ، كما في المثال الموضح أعلاه ، أو قد تظهر في كل مرة يتم فيها تحميل الصفحة. هناك نوافذ مشروطة يتم إصلاحها في مكان واحد وتبقى عليها ، بالرغم من التحركات على الصفحة ، ويمكن أن تكون ديناميكية عندما تحتوي النافذة على معلومات مع ارتباط ، ويمر المستخدم من خلالها. عندها سيتم تحديث النافذة فقط ، بينما تظل الصفحة الأصلية دون تغيير.
