Sweetalert: لا يعمل حقل الإدخال عند استخدامه فوق مشروط تمهيد التشغيل

كان لي نفس القضية. ما انتهى بي الأمر هو "إخفاء" النموذج مع modal.hide ، وفتح swal ، والقيام بكل ما تحتاجه باستخدام قيمة المدخلات ، ثم إظهار النموذج مع modal.show على نجاح أو إلغاء swal.
أتمنى أن يساعدك هذا.

دان
لقد وجدت حلا لهذا. سوف أنشرها غدا

مرسلة من Outlook

في يوم الإثنين ، 10 آب (أغسطس) 2015 الساعة 6:52 صباحًا -0700 ، كتب "Dan Kaufman" [email protected] :

كان لي نفس القضية. ما انتهى بي الأمر هو "إخفاء" النموذج مع modal.hide ، وفتح swal ، والقيام بكل ما تحتاجه باستخدام قيمة المدخلات ، ثم إظهار النموذج مع modal.show على نجاح أو إلغاء swal.

أتمنى أن يساعدك هذا.

-
قم بالرد على هذا البريد الإلكتروني مباشرة أو قم بعرضه على GitHub.

مرحبا متشتال

هل مازلت بعد الإصلاح؟ لا أستطيع إيجاده. سوف يساعد حقا!

مرحبا،

نفس المشكلة مع تنبيه حلو (وكذلك sweetalert2).
لا يركز حقل الإدخال على متصفح Firefox فقط. يحدث هذا فقط عند فتح swal من نموذج bootstrap.

لا يمكن معرفة المشكلة بعد. غريب فعلا.

لدي نفس المشكله ... اي واحد عنده حل؟

مرحبًا ، هذا يسمح بإظهار عنصر نائب للإدخال ، ولكن ليس إصلاحًا للتركيز على الإدخال ...

# 537

لدي نفس المشكلة ， لا يمكنني العثور على الإصلاح ...

+1

لقد وجدت أن الجاني هو tabindex="-1" الذي تم تعيينه على مشروط Bootstrap.

المأزق:

// call this before showing SweetAlert:
function fixBootstrapModal() {
  var modalNode = document.querySelector('.modal[tabindex="-1"]');
  if (!modalNode) return;

  modalNode.removeAttribute('tabindex');
  modalNode.classList.add('js-swal-fixed');
}

// call this before hiding SweetAlert (inside done callback):
function restoreBootstrapModal() {
  var modalNode = document.querySelector('.modal.js-swal-fixed');
  if (!modalNode) return;

  modalNode.setAttribute('tabindex', '-1');
  modalNode.classList.remove('js-swal-fixed');
}

لدي مشكلة متطابقة تقريبًا ، إلا أنها تحدث فقط إذا كان الشكل طويلاً جدًا بحيث يمكن التمرير على المحور الصادي.

ساعدني من فضلك...

لم يعمل إصلاح علامة التبويب Cinamonas بالنسبة لي :(

+1
تضمين التغريدة
هل اتصلت بـ fixBootstrapModal () قبل إظهار swal؟ لقد نسيت أن أفعل ذلك في البداية ، ولكن الآن يعمل بشكل مثالي!

شكرا لك Cinamonas

تضمين التغريدة

هل يمكنك أن تريني بعض الأمثلة؟

تضمين التغريدة

fixBootstrapModal()
swal({whatever}, function(isConfirm){
whatever
restoreBootstrapModal()
}

إنه يعمل بالنسبة لي :)

الإصلاح ينشئ خطأ في بناء الجملة في IE11

@ caleb87 ، لقد قمت بتحديث المقتطف بحيث لا يستخدم وظائف الأسهم و const .

يبدو أن هذه مشكلة في Bootstrap لذا سأغلق الآن. شكرا على الإصلاحCinamonas!

مرحبًا ، لقد واجهت نفس المشكلة.
يمكن حل هذه المشكلة عن طريق إزالة {tabindex = "- 1"} من Bootstrap Modal.
إنه يعمل بشكل جيد بالنسبة لي.

هل يعرف أي شخص كيفية تطبيق هذا الإصلاح في R؟ أواجه نفس المشكلة ، لكن محاولاتي لتحويلها إلى R باءت بالفشل حتى الآن

لقد وجدت أن الجاني هو tabindex="-1" الذي تم تعيينه على مشروط Bootstrap.

المأزق:

// call this before showing SweetAlert:
function fixBootstrapModal() {
  var modalNode = document.querySelector('.modal[tabindex="-1"]');
  if (!modalNode) return;

  modalNode.removeAttribute('tabindex');
  modalNode.classList.add('js-swal-fixed');
}

// call this before hiding SweetAlert (inside done callback):
function restoreBootstrapModal() {
  var modalNode = document.querySelector('.modal.js-swal-fixed');
  if (!modalNode) return;

  modalNode.setAttribute('tabindex', '-1');
  modalNode.classList.remove('js-swal-fixed');
}

العبقري

بالنسبة لأولئك الذين لديهم أكثر من نموذج ، يمكنك استخدام:
Documento sem título (1) .pdf