"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > كيف يمكنني منع المستخدمين من إغلاق Bootstrap Modal؟

كيف يمكنني منع المستخدمين من إغلاق Bootstrap Modal؟

تم النشر بتاريخ 2024-11-14
تصفح:914

How Can I Prevent Users from Closing a Bootstrap Modal?

تعطيل الخروج بمبادرة من المستخدم من Bootstrap Modal

يمكنك منع المستخدمين من إغلاق نموذج Bootstrap عن طريق النقر خارج منطقته. يمكن أن يكون هذا مفيدًا في المواقف التي تريد فيها إجبار المستخدمين على التفاعل مع محتوى مشروط معين قبل المتابعة.

تعطيل الإغلاق على الخلفية المشروطة انقر

افتراضيًا، يمكن للمستخدمين قم بإغلاق مشروط بالنقر فوق أي مكان خارج النافذة المشروطة. لتعطيل هذا السلوك:

  • في قسم الخيارات في وثائق التمهيد المشروطة، حدد موقع خيار الخلفية.
  • اضبط خيار الخلفية على ثابت. تمنع هذه القيمة الشكل من الإغلاق عندما ينقر المستخدمون على الخلفية.

تعطيل الإغلاق عن طريق الضغط على مفتاح Escape

بالإضافة إلى ذلك، يمكنك منع المستخدمين من إغلاق مشروط بالضغط على مفتاح Esc:

    قم بتمرير {keyboard: false} كخيار إلى المشروط. يؤدي هذا إلى منع إغلاق المشروط بالضغط على Esc.

استخدام JavaScript

لتعطيل إغلاق المشروط في الخلفية، انقر ولوحة المفاتيح اضغط باستخدام JavaScript:

$('#myModal').modal({backdrop: 'static', Keyboard: false});
$('#myModal').modal({backdrop: 'static', keyboard: false});

استخدام البيانات السمات

لتعطيل إغلاق المشروط باستخدام سمات البيانات:

$('#myModal').modal({backdrop: 'static', keyboard: false});
باستخدام هذه الخيارات، يمكنك التأكد من عدم تمكن المستخدمين من الخروج بسهولة من نماذج معينة، مما يوفر تجربة مستخدم أكثر تحكمًا وتركيزًا.

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3