Sweetalert: تنبيهات حلوة متعددة بعد بعضها البعض؟

تم إنشاؤها على ١١ نوفمبر ٢٠١٥  ·  12تعليقات  ·  مصدر: t4t5/sweetalert

مهلا،

شكرا على البرنامج المساعد اللطيف ، أحبه حقًا!
ومع ذلك ، لديّ تحدٍ صغير عندما أضطر إلى ربط عدة "عمليات تأكيد" بعد بعضها البعض.

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

لقد تجاوزت هذا قليلاً ، عن طريق إضافة تأخير إلى مكالمة SWAL ، ولكن إذا نقرت أسرع من التأخير ، فسوف ينقطع مرة أخرى.

قلم يظهر العلبة:
http://codepen.io/anon/pen/dYQapo

ومع ذلك ، يبدو أن الصفحة تظل متجاوبة ، ولكن لا يتم عرض SWAL التالية ، فقط بعد فترة وجيزة من اختفاء الصفحة القديمة.

ويعرض هذا القلم الحالة مع تأخير ، إذا قمت بالنقر فوق تأكيد قبل الانتهاء من تحميل SWAL ، فإنه يتوقف فقط عن إظهار الحالة التالية.
http://codepen.io/anon/pen/QjJYdm

مشابه / مماثل لـ # 433 و # 359 و # 253.

آمل أن نسمع منك! :)

التعليق الأكثر فائدة

لدي نفس المشكلة المذكورة أعلاه. إذا وجد أي شخص هذا مفيدًا:

swal({
            //whatever parameters in first sweet alert
    },
        function(){
                        setTimeout(function(){
                             swal({ //whatever parameters in second sweet alert});
                       }, time);
     });

لتجنب التنبيه اللطيف إلى "التجميد" عند تسلسل تنبيهين أو أكثر ، ما عليك سوى إضافة مهلة بسيطة. ربما ليس الحل الأكثر فخامة لكنه نجح معي.

ال 12 كومينتر

لسوء الحظ ، واجهت هذا الخطأ أيضًا والذي جعل Sweetalert غير قابل للاستخدام لتلبية احتياجات مشروعي.

إنه لأمر مخز لأن ليس لدي الوقت الكافي لبدء البحث حول الكود لدفع الإصلاح الخاص بي ، لكني أحب وظيفة المكتبة. سأراقب هذا لمعرفة ما إذا كان قد تم إصلاحه أم لا ، وفي اللحظة التي يتم فيها ذلك ، يمكنك اعتبار هذا المطور (ومستخدميه) منبهات رائعة.

للأسف ، يبدو أنه تم التخلي عن هذا المشروع.
حتى استنساخ SweetAlert2 ، لا يزال لديه هذه الأخطاء ولا توجد تحديثات لفترة طويلة حقًا.

إنه لأمر مخز حقًا ، أنه تم التخلي عنه ، لأنه مشروع رائع حقًا!

لكن هناك 121 قضية مفتوحة و 37 علاقات عامة غير مدمجة. من غير المحتمل أن يتم إصلاحه أو الحصول على تحديثات قريبًا.

ومع ذلك ، هناك تغيير مع احتمال # 457 ، والذي يبدو أنه قادر على التعامل مع هذه المشكلة الأساسية.

inctor ، Charlex كتبت دليلاً حول كيفية استخدام إضافة الكود الذي كتبته للقيام بذلك في # 457. نظرًا لأنه يضيف فوق مكتبة sweetalert الحالية ، فإنه لا يتطلب الدمج في المشروع / تحديث رمز المكتبة. إذا كانت لديك أفكار لجعلها أفضل ، أعلمني بذلك.

تضمين التغريدة سأجربها وأرى ما إذا كنت قد واجهت أي ألم.

يدعم SweetAlert2 قائمة انتظار الوسائط: https://sweetalert2.github.io/#chaining -modals

لدي نفس المشكلة المذكورة أعلاه. إذا وجد أي شخص هذا مفيدًا:

swal({
            //whatever parameters in first sweet alert
    },
        function(){
                        setTimeout(function(){
                             swal({ //whatever parameters in second sweet alert});
                       }, time);
     });

لتجنب التنبيه اللطيف إلى "التجميد" عند تسلسل تنبيهين أو أكثر ، ما عليك سوى إضافة مهلة بسيطة. ربما ليس الحل الأكثر فخامة لكنه نجح معي.

pararrayos bit hacky ولكن يمكن أن يكون مفيدًا كحل مؤقت

آسف لمثل هذا التأخير الطويل الناس. يجب الآن إصلاح هذه المشكلات في SweetAlert 2.0 ، الذي يستخدم الوعود !

شكرًا جزيلاً على التحديث @ t4t5 . أحب تصميم موقع الويب الجديد راجع للشغل!

إذا تعثر أي شخص في هذا الأمر ولم يتم تحديده أيضًا عند استدعاء swal (ربما الإصدارات القديمة). إليك كيف عملت حولها:

if(notifications.length > 1) {
            var i = 0;
            function displayNext(){
                swal({title: notifications[i].title, text: notifications[i].body, type: 'info', closeOnConfirm:true}, function(){
                    if(i < notifications.length){
                        setTimeout(function(){
                            displayNext();
                        },500);
                    }
                });
                i++;
            }
            displayNext();
        }

نعم هذا الإصلاح المؤقت فقط. ولكن كل شيء على مايرام

@ pararrayos شكرا .. !!!

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

girishbr picture girishbr  ·  5تعليقات

sastrahost picture sastrahost  ·  5تعليقات

Lusitaniae picture Lusitaniae  ·  4تعليقات

Untit1ed picture Untit1ed  ·  5تعليقات

rafatux picture rafatux  ·  5تعليقات