Sweetalert: दूसरा प्रफुल्लित नहीं किया गया

क्या आप हमें JSFiddle में अपना कोड दिखाने की कोशिश कर सकते हैं?

मैंने एक JSField बनाया है: http://jsfiddle.net/5pj7wwx9/

जब मैं बटन पर क्लिक करता हूं तो पहला स्वीटएर्ट दिखाया जाता है, कॉलबैक कहा जाता है लेकिन दूसरा स्वीटअर्ट नहीं।

आप JSFiddle में देखेंगे कि मैंने एक सेटटाइमआउट के साथ प्रयास किया है, यह 2 सेकंड के बाद काम करता है

मैं यह एक ही मुद्दा रहा हूँ। इसे क्रमबद्ध करने के लिए आवश्यक कोई भी जानकारी प्रदान करने की इच्छा।

समस्या के लिए आवश्यक समाधान के लिए +1

यह किसी को भी मदद करता है। मेरे मामले में मैं closeOnCancel और / या closeOnConfirm false सेट करके इसे हल करने में सक्षम था। इस प्रकार दूसरे अलर्ट बॉक्स को बंद करने से रोका गया। दूसरी स्वाल कॉल उन्हें true लिए सेट कर सकती है।

यह एक सही व्यवहार नहीं है, हमें इस बात पर निर्भर नहीं होना चाहिए कि closeOnCancel और closeOnConfirm का मूल्य क्या है।

मैं सहमत हूं, लेकिन यह closeOnConfirm का उद्देश्य हो सकता है क्योंकि यह भी है कि यह कैसे एक दूसरे बॉक्स को खोलने वाले प्रवाल उदाहरणों में चित्रित किया गया है (http://tristanedwards.me/sweetalert)
मैं अभी भी सहमत हूं कि यह निश्चित रूप से गैर सहज है।

मेरे लिए भी वह काम नहीं कर रहा है। आप मेरे द्वारा बनाई गई फ़िडल पर एक नज़र डाल सकते हैं। https://jsfiddle.net/madhureng/5pj7wwx9/16/

मुझे इस बात से अधिक खुशी होगी कि यह मेरे लिए निर्णय लेने के बजाय एफी द्वारा तय किया गया है।

@ maddy2308 - आपके पास बहुत सारे क्लिक चल रहे हैं। यह वास्तव में कारगर है।
इस फिडेल को देखें: https://jsfiddle.net/g8j1acv4/

केवल एक चीज जो मैंने बदली थी, वह आपका पहला डॉक्यूमेंट थी। उसे क्लिक करें और इसे डॉक्यूमेंट में बदल दें।

जैसा कि @joenorton बताते हैं, यह closeOnConfirm: false के लिए है। मैं इस बात से सहमत हूं कि यह थोड़ा अचूक है, लेकिन अगर किसी के पास समस्या का हल है, तो मुझे इसे जोड़ने में खुशी होगी!

@ maddy2308 , आपके $('button') बहुत अस्पष्ट है, इसलिए स्वैल के बटन भी लगाए जाते हैं। यदि आप इसे बदलते हैं तो $('body > button') को काम करना चाहिए।

मैं भी इस मुद्दे से पीड़ित था, और मुझे विश्वास है कि इसे बदलने की आवश्यकता है।

@ t4t5 स्रोत कोड को

the first swal is shown at point A in time
the user interacts with the first swal at point B in time
the callback is called and invokes the second swal at point C in time
the active swal is dismissed at point D in time

इस मुद्दे को हल करने के लिए एक आसान समाधान इस प्रकार होगा:

<strong i="11">@A</strong>: An integer variable is set that increases with every call to swal
<strong i="12">@B</strong>: The current value of the variable is remembered
<strong i="13">@D</strong>: If the variable has changed, do not call swal.close

यह नए कोड की किसी भी राशि को लागू करने के लिए C अनुमति देगा, मौजूदा कोडबेस के लिए बहुत कम संशोधन की आवश्यकता होगी।

मेरे पास एक ही मुद्दा था, इसकी पुष्टि कार्रवाई पर एक $ टाइमआउट जोड़कर हल हो गई (कोणीय के साथ)
if (isConfirm){ return $timeout(function() { // I Use backbone radio event self.homePageChannel.trigger('deleteForm', self.currentSelectedForm) }, 100); }

यह बग निम्न स्थिति में भी मेरे साथ होता है:

1. एक पुष्ट मीठी चेतावनी कहें जो कोणीय पर $http अनुरोध को ट्रिगर करती है
2. फोर्स $http offline क्रोम के डेवलपर टूल पर offline लिए थ्रॉटलिंग सेट करके विफलता को रोकते हैं।
3. $http विफलता पर एक त्रुटि स्वीट अलर्ट कॉल करें।

पहले पुष्टिकरण चेतावनी ठीक दिखाई देगी, लेकिन त्रुटि चेतावनी नहीं दिखाएगी।

नोट: मैंने कोड में डुबकी नहीं लगाई है, लेकिन ऐसा लगता है कि किसी भी मौजूदा स्वीट अलर्ट पर बंद एनीमेशन को रद्द कर दिया जाना चाहिए और इसे तुरंत नष्ट कर दिया जाना चाहिए, फिर दूसरा अलर्ट ठीक दिखाई देगा।

संपादित करें: जैसा कि मैंने उम्मीद की थी, समस्या पहले मीठे अलर्ट की पुष्टि के साथ है। फर्स्ट स्वाल पर animation गलत सेट करना समस्या को रोकता है। लेकिन यह मेरे लिए एक बग की तरह लग रहा है, क्योंकि मैं चाहता हूं कि त्रुटि के मामले में सक्षम एनीमेशन संभव नहीं है।

मैं दो समाधान प्रस्तावित करता हूं:

पहला: यदि किसी दूसरे अलर्ट को कॉल किया जाता है, जबकि एक अलर्ट अलर्ट एनिमेटेड बंद किया जा रहा है, तो एनीमेशन प्रक्रिया को बंद करें, तुरंत वर्तमान अलर्ट बंद करें और नया दिखाएं।

दूसरा: जब पास का एनीमेशन समाप्त हो तब खोला जाने वाला दूसरा अलर्ट कतारबद्ध करें।

दूसरा समाधान चीजों को सुचारू बनाना चाहिए, जबकि 1 समाधान त्रुटि को तेजी से प्रकट करता है!

मैं एक पुल अनुरोध करने की कोशिश करूंगा, लेकिन मैंने इस परियोजना पर पहले कभी योगदान नहीं दिया, अगर कोई जानता है कि कहां तय करना है, तो पहले पुल अनुरोध करने के लिए स्वतंत्र महसूस करें! :)

@ t4t5 कृपया मेरी रिपोर्ट और समाधानों पर एक नज़र डालें, यदि आप अनुमोदन करते हैं कि मैं ठीक कर सकता हूं!

आप querySelectorAll का उपयोग कर सकते हैं, यह सभी तत्वों को लौटाता है, इसलिए आप लौटे हुए मानों पर काम कर सकते हैं

var alertBtn = document.querySelectorAll('.js-alert');

for (var i = 0; i < alertBtn.length; i++) {
    alertBtn[i].onclick = function(){
        swal({
            title: "text",
            text: "text text"
            });
    };
}

मेरे SweetAlert के साथ भी यही समस्या थी, जब दूसरी प्रफुल्लता दिखाई देनी चाहिए, वे नहीं करते हैं, मैं अपने कंसोल में त्रुटि प्राप्त करता हूं, मेरे फ़ंक्शन में $ टाइमआउट शामिल करके हल किया गया है।

function(error) { console.log(error); $timeout(function(){ SweetAlert.error('Erro'); },100) }

मुझे भी यही समस्या थी लेकिन @PommeVerte के समाधान ने closeOnCancel: false सेट करने की आवश्यकता थी।

SweetAlert 2.0 के रूप में, closeOnConfirm और closeOnCancel को SweetTlerts श्रृंखला की आवश्यकता नहीं है। बस वादों का उपयोग करें! :)

सेटबैकआउट कॉलबैक के बाद समस्या को हल कर सकता है, लेकिन मैं समस्या के कारण के बारे में अधिक जानना चाहूंगा।