Sweetalert: स्वीट अलर्ट पॉप अप होने पर टैब फॉर्म में काम नहीं कर रहा है

मेरे साथ भी ऐसा ही होता है।

हाँ, मेरे साथ भी होता है। साथ ही, पॉप अप को खारिज करने के लिए एंटर दबाने से पेज से फोकस हट जाता है और आप बिना क्लिक किए फिर से पेज पर फोकस नहीं कर सकते।

किए गए फ़ंक्शन में विंडो ईवेंट हटाएं इसे हल करें।

swal({
  title: "Are you sure?",
  text: "You will not be able to recover this imaginary file!",
  type: "warning",
  showCancelButton: true,
  confirmButtonColor: "#DD6B55",
  confirmButtonText: "Yes, delete it!",
  closeOnConfirm: false
}, function(){

  // remove these events;
  window.onkeydown = null;
  window.onfocus = null;

  swal("Deleted!", "Your imaginary file has been deleted.", "success");
});

@fxghqc कॉलबैक में ईवेंट हैंडलर को हटाना मेरे लिए काम करता है। क्या इस बग को रोकने के लिए इसे मुख्य कोड में शामिल किया जा सकता है?

+1

इसे कब ठीक किया जाएगा?

+1

क्या इस बग का कोई कांटा है जिसके साथ मैं काम कर सकता हूं? मुझे यकीन नहीं है कि @ xiaouze88 की प्रतिबद्धता का उपयोग कैसे करें।
मुझे इस बग के बारे में भी परेशान करने वाली समस्याएं आ रही हैं।

यह बग अभी भी मौजूद है। आप इसे मुख्य स्वीटलर्ट डेमो पेज पर भी देख सकते हैं... http://t4t5.github.io/sweetalert/

AJAX उदाहरण के लिए बस मुझे आज़माएं बटन पर क्लिक करें और फिर ध्यान दें कि टैब अब काम नहीं करता है। मैं डीबगर में देख सकता हूं कि window.onfocus को बाद में शून्य पर बहाल नहीं किया जा रहा है। अगर मैं इसे मैन्युअल रूप से सेट करता हूं तो मैं फिर से टैब का उपयोग कर सकता हूं। लेकिन swal() को दिए गए कॉलबैक फ़ंक्शन में इसे शून्य पर सेट करना मेरे लिए काम नहीं करता है। मैंने इसे वहां शून्य करने के लिए सेट किया है, लेकिन स्वीटलर्ट के लिए आंतरिक कुछ और पूरी प्रक्रिया समाप्त होने से पहले इसे वापस सेट कर रहा है। कई सेकंड बाद डीबगर में तोड़ना इसकी पुष्टि करता है।

कृपया ठीक करें!

मैं इस व्यवहार की भी पुष्टि कर सकता हूं। यह रुक-रुक कर होता है, बग का सबसे अच्छा प्रकार...
संवाद बंद होने के बाद भी मैं window.onkeydown घटना को फ़ंक्शन के लिए बाध्य देख रहा हूं ... और संभवतः एक संवाद शुरू होने से पहले भी।

मैं भी ठीक उसी मुद्दे का अनुभव कर रहा हूं। जब SweetAlert पॉप-अप बंद हो जाता है, तो tabindex सेट के साथ भी पेज के फॉर्म में टैब काम करना बंद कर देते हैं।

मैं इसके लिए एक फिक्स के साथ कल पीआर करूंगा।
मंगल, 3 जनवरी 2017 21:15 पर पर, नील [email protected] लिखा है:

मैं भी ठीक उसी मुद्दे का अनुभव कर रहा हूं। जब SweetAlert पॉप-अप होता है
बंद है, पृष्ठ के रूप में टैब टैबिंडेक्स सेट के साथ भी काम करना बंद कर देते हैं।

-
आप इसे प्राप्त कर रहे हैं क्योंकि आपने टिप्पणी की थी।
इस ईमेल का सीधे उत्तर दें, इसे GitHub पर देखें
https://github.com/t4t5/sweetalert/issues/391#issuecomment-270197639 ,
या थ्रेड को म्यूट करें
https://github.com/notifications/unsubscribe-auth/AHWwZbRIQD1HLSs4WpN87HRyeBlvGgcuks5rOp43gaJpZM4FNSiU
.

यह वास्तव में बहुत अच्छा होगा @EduardJS इसके लिए धन्यवाद।

अभी के लिए मैं एक अन्य सूत्र में @JustinWinthers के समाधान का उपयोग कर रहा हूं:

(function (){

    var _swal = window.swal;

    window.swal = function(){

        var previousWindowKeyDown = window.onkeydown;

        _swal.apply(this, Array.prototype.slice.call(arguments, 0));

        window.onkeydown = previousWindowKeyDown;

    };

})();

रेफरी: https://github.com/t4t5/sweetalert/issues/127

@श्रीमान-अनाम
अपडेट करें

वर _swalclose=window.swal.close;
वर _swal = window.swal;
window.swal = फ़ंक्शन () {
var पिछलाविंडोकेडाउन = window.onkeydown;
_swal.apply (यह, Array.prototype.slice.call (तर्क, 0));
window.onkeydown = पिछलाविंडोकेडाउन;
};
window.swal.close=function(){
_swalclose.apply (यह);
};

वाह! मुझे अभी यह धागा मिला है। मैंने यह सोचकर दिन बिताए कि मेरे टैब क्यों काम करते हैं और फिर नहीं। अब मुझे एहसास हुआ कि कभी-कभी मैं मिठाई का उपयोग करता हूं और यही कारण है कि यह बंद हो गया!

क्या कोई अभी भी इसके लिए एक फिक्स पर काम कर रहा है और अभी इससे निपटने का सबसे अच्छा समाधान क्या है?

संपादित करें: बस ऊपर दिया गया Sweetalert2 संदेश देखा। मुझे नहीं पता था कि एक और संस्करण है, इसलिए मैं इसे आज़मा दूंगा, लेकिन माइग्रेट करने के लिए काफी काम करना बाकी है!

@elasticsteve यदि आप इस रेपो पर अन्य धागे पर ध्यान देते हैं तो आप देखेंगे कि यह अब और नहीं रखा गया है।

SweetAlert2 नामक एक और रेपो है, जिसे आपको वास्तव में अपने ऐप्स को पोर्ट करना चाहिए।

यदि आप अभी भी इस संस्करण का उपयोग करना चाहते हैं, तो इसका एकमात्र समाधान यह है। मैं पीआर बनाना भूल गया.. मेरे पास पर्याप्त समय नहीं था। @ edwin1217 का समाधान वह है जिसके साथ आपको जाना चाहिए।

@ edwin1217 का समाधान लगभग वैसा ही है जैसा मैंने कुछ समय पहले #127 सूत्र में पोस्ट किया था।

सबको धन्यवाद। मैंने SweetAlert2 को पोर्ट करने की कोशिश की, लेकिन मुझे हार माननी पड़ी। मैं closeOnConfirm: false काम के साथ एक साधारण टेक्स्ट इनपुट नहीं बना सका। 3 घंटे बर्बाद करने के बाद मैं वापस लौट आया और ऊपर दिए गए सुझावों का प्रयास करूंगा।

@kosst हां, आपका समाधान बहुत बेहतर है, क्योंकि @ edwin1217 में से एक के साथ

यहाँ फिर से मेरे लिए सबसे अच्छा क्या काम कर रहा है:

(function (){
    var close = window.swal.close;
    window.swal.close = function() {
        close();
        window.onkeydown = null;
    };
})();

}

मुझे पता है कि यह वास्तव में एक लंबा समय रहा है, लेकिन क्या आप यह समझाने के लिए पर्याप्त होंगे कि मैं इस फ़ंक्शन को किसी अन्य फ़ंक्शन में समग्र रूप से कैसे कॉल कर सकता हूं? मुझे इस स्निपेट को नियंत्रक में कहां रखना चाहिए?

function(isConfirm){  //Function that triggers on user action.
        if(isConfirm){
          $scope.myData.splice(index,1);
          SweetAlert.swal("Deleted!");
        } else {
            SweetAlert.swal("Your file is safe!");
        }

परिवर्तन -
क्लोजऑन कन्फर्म: असत्य
प्रति -
क्लोजऑन कन्फर्म: सच

बस... इसने मेरे लिए काम किया