Sweetalert: एक पंक्ति में दो स्वीट अलर्ट मोडल्स खोलने के बाद टैब कुंजी काम नहीं कर रही है

को निर्मित 15 अक्तू॰ 2014 · 20टिप्पणियाँ · स्रोत: t4t5/sweetalert

नमस्ते,

ऐसा लगता है कि जब SweetAlert डायलॉग एक के बाद एक खुलता है, तो टैब कुंजी काम करना बंद कर देती है, अन्य सभी कीस्ट्रोक्स ठीक होते हैं।

आप http://tristanedwards.me/sweetalert पर उदाहरण का उपयोग करके इसे फिर से बना सकते हैं

यह विशेष रूप से:

swal({      title: "Are you sure?",   
            text: "Your will not be able to recover this imaginary file!",   
            type:  "warning",   
            showCancelButton: true,   
            confirmButtonColor: "#DD6B55",   
            confirmButtonText: "Yes, delete it!",   
            cancelButtonText: "No, cancel plx!",   
            closeOnConfirm: false,   
            closeOnCancel: false }, 
            function(isConfirm){  
                 if (isConfirm) {     
                 swal("Deleted!", "Your imaginary file has been deleted.", "success");  
                 } else {     
                 swal("Cancelled", "Your imaginary file is safe :)", "error");   
                 } });

मेरा मानना है कि यह पिछले मोडल से विशेष रूप से क्लोज्डमॉडल () फ़ंक्शन में कीस्ट्रोके हैंडलिंग से अधिक कॉपी कर रहा है।

 // Reset the page to its previous state
    window.onkeydown = previousWindowKeyDown;
    document.onclick = previousDocumentClick;
    if (previousActiveElement) {
      previousActiveElement.focus();
    }

शायद यह पिछले मोडल पर ध्यान केंद्रित कर रहा है और यह कीडाउन और ऑन्कलिक को वापस पंजीकृत कर रहा है?

help wanted

स्रोत

omaryoussef

👍4

सबसे उपयोगी टिप्पणी

लाइब्रेरी को बदले बिना @jayquest द्वारा फिक्स लागू करने के लिए, मैंने निम्नलिखित कोड का उपयोग किया:

var पिछलाWindowKeyDown = window.onkeydown;
स्वाल ({
शीर्षक: 'क्या आप निश्चित हैं?';
बंद करें
closeOnCancel: गलत
}, फ़ंक्शन (isConfirm) {
window.onkeydown = पिछलेWindowKeyDown;
अगर (isConfirm) {
swal ('हटाए गए!', 'आपकी काल्पनिक फ़ाइल हटा दी गई है', 'सफलता');
} अन्य {
swal ('रद्द', 'आपकी काल्पनिक फ़ाइल सुरक्षित है :)', 'त्रुटि');
}
};

amoralidad 2 सित॰ 2015

👍7 🎉4 🚀1

सभी 20 टिप्पणियाँ

उस उदाहरण से मैं वास्तव में नहीं देख सकता कि आप जो कह रहे हैं वह सच है,
बस बटन के बीच 'टैब' कुंजी चलती है,
जब मुझे दूसरा मोडल मिलता है तो मेरे पास केवल एक बटन होता है, इसलिए आप टैब बटन को कितना भी दबाएंगे यह हमेशा एक सिंगल बटन पर रहेगा।

slavikbialik 16 अक्तू॰ 2014

क्षमा करें, मैंने यह स्पष्ट नहीं किया!

हां यह मॉडल में टैबिंग है, लेकिन जब आप दूसरे मोडल को बंद कर देते हैं, तो आप टैब कुंजी के साथ वेब पेज को नेविगेट करने की क्षमता खो देते हैं (स्क्रीन पर केवल वेब पेज पर कोई मोडल नहीं)।

omaryoussef 16 अक्तू॰ 2014

👍3

मैंने jack126guy / sweetalert @ issue127 पर ठीक करने का प्रयास किया है। ऐसा लगता है कि यह पृष्ठ पर बटन पर वापस लौटने के रूप में काम करता है।

हालाँकि, यह एक और मुद्दे को प्रकट करता है: आप अभी भी दूसरे बटन पर टैब नहीं कर सकते हैं, और जब आप फिर से अलर्ट दिखाने के लिए Enter दबाते हैं, तो चीजें अजीब हो जाती हैं।

jack126guy 17 अक्तू॰ 2014

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

लगता है कि इसे अभी के लिए तय कर दिया गया है (केकोड == 9) हैंडल में बंद हैंडल विधि में क्लॉज किया गया है। लेकिन मैं अनुमान लगा रहा हूं कि इसके अन्य दुष्प्रभाव भी हैं ...

मैं आपको एक कमिटमेंट दिखाऊंगा, लेकिन मैंने लाइब्रेरी में कुछ और बदलाव भी किए हैं, जो दूसरे नहीं कर सकते।

omaryoussef 17 अक्तू॰ 2014

इसलिए यदि कोई इस बग के लिए एक अस्थायी सुधार चाहता है, तो इस परियोजना से मैंने एक रीपो किया है: https://github.com/heero-yuy/sweetalert.git

यह मेरी सभी परियोजनाओं के लिए अब तक 100% काम करता है, लेकिन मैंने यह सुनिश्चित करने के लिए बड़े पैमाने पर परीक्षण नहीं किया है कि मेरे परिवर्तन किसी अन्य कार्यक्षमता को नहीं तोड़ते हैं।

omaryoussef 21 अक्तू॰ 2014

मैंने इसे फ़ंक्शन की शुरुआत में ऊपर दो लाइन कोड डालने के लिए तय किया था, स्वीटलार्ट या 215 रेखा पर प्रफुल्लित होना, मुझे नहीं पता कि इसका सबसे अच्छा समाधान है, लेकिन यह मेरे लिए काम कर रहा है।

/*
 * Global sweetAlert function
 */
var sweetAlert, swal;

sweetAlert = swal = function() {

    if(previousWindowKeyDown !== undefined && window.onkeydown !== previousWindowKeyDown)`
        window.onkeydown = previousWindowKeyDown;

jayquest 7 मई 2015

👍5

: +1:। इसे कुछ प्राथमिकता मिलनी चाहिए।

@ Ajquest द्वारा तय काम करने लगता है।

ajanini 31 अग॰ 2015

amoralidad 2 सित॰ 2015

👍7 🎉4 🚀1

@Amoralidad के फ़िक्स पर विस्तार करने के लिए आप इसका उपयोग केवल एक बार शामिल करने के बाद कर सकते हैं ताकि आप अपने प्रोजेक्ट में स्वीट अलर्ट लाइब्रेरी को शामिल कर सकें और यह स्वेल सर्विस को सजाएगा, ताकि आपका कोड और लाइब्रेरी अनबॉर्स्ड रहे (बिना हर कॉल के ऊपर दिए कोड को ठीक किए बिना) ) जब तक एक स्थायी निर्धारण नहीं किया जाता है।

(function (){

    var _swal = window.swal;

    window.swal = function(){

        var previousWindowKeyDown = window.onkeydown;

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

        window.onkeydown = previousWindowKeyDown;

    };

})();

JustinWinthers 9 सित॰ 2015

👍10

मैं इस बग की पुष्टि कर सकता हूं और उपरोक्त वर्कअराउंड भी अच्छी तरह से काम करता है! : +1:

bkintanar 29 सित॰ 2015

हां, @JustinWinthers का

mattiasnordqvist 8 अक्तू॰ 2015

हालांकि, यह संवाद का उपयोग करके भागने और कुंजी दर्ज करने के लिए लगता है

mattiasnordqvist 8 अक्तू॰ 2015

@ ग्लैमरलैड का वर्कअराउंड मेरे लिए काम कर गया। धन्यवाद!

dbedoya 4 नव॰ 2015

धन्यवाद @ संजय ...

daton89 23 नव॰ 2015

मैंने बस अपने समाधान के साथ एक पुल अनुरोध प्रस्तुत किया। https://github.com/t4t5/sweetalert/pull/547

jayquest 7 मार्च 2016

@JustinWinthers , आपके कोड के उपयोग से type: 'input' टूट जाता है। जब संवाद को बंद करने के लिए "रद्द करें" बटन पर क्लिक करने का प्रयास किया जाता है, तो यह swal.showInputError is not a function कहता है।

उदाहरण के लिए, http://clubcare.no/dashboard और Glemt passord (पासवर्ड भूल गए) पर टैप करें

आपके फ़ंक्शन को हटाने से यह फिर से काम करता है। इस व्यवहार से छुटकारा पाने के बारे में कोई विचार? धन्यवाद!

edi 25 अग॰ 2016

@ संजय इस मुद्दे को ठीक करने के लिए धन्यवाद।

viralpandya 16 सित॰ 2016

हाय @JustinWinthers

मैंने SweetAlert के खुलने के बाद इस समस्या को हल करने के लिए आपके सुझाव की कोशिश की। जब मैंने swal.close(); का उपयोग करके Sweetalert को बंद करने का प्रयास किया, तो समस्या यह हो गई, लेकिन मुझे यह त्रुटि तब शुरू हुई, जब cancel बटन पर क्लिक किया गया:

swal.close is not a function

यह ऊपर दिए गए @EduardJS के समान है। क्या उन्हें काम करने का एक तरीका है? मुझे लगता है कि हम इतने करीब आ गए लेकिन इस त्रुटि के कारण मुझे आपका सुझाया कोड हटाना पड़ा। कोई भी सहायता अच्छी होगी।

चीयर्स,
नील।

Mr-Anonymous 4 जन॰ 2017

@JustinWinthers के वर्कअराउंड पर आधारित सबसे सरल संभव उपाय जो मुझे मिल सकता है (पुस्तकालय को संशोधित किए बिना), केवल swal.close फ़ंक्शन में हुक करना है और पिछले window.onkeydown में window.onkeydown सेट करना है। window.onkeydown इवेंट हैंडलर:

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

या मेरे मामले में और भी सरल:

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

इस वर्कअराउंड के साथ अब डायलॉग में एंटर और एस्केप कीज़ का उपयोग करना भी संभव है।

@ Mr-Anonymous और @EduardJS द्वारा उल्लिखित त्रुटि संदेश भी नहीं आते हैं।

kosst 11 जन॰ 2017

👍9

@kosst बिल्कुल सही। उसे साझा करने के लिए आपका बहुत - बहुत धन्यवाद। मैंने आपके कोड की कोशिश की और यह सही काम करता है। बहुत बहुत धन्यवाद!!

चीयर्स,
नील।

Mr-Anonymous 13 जन॰ 2017

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Sweetalert: एक पंक्ति में दो स्वीट अलर्ट मोडल्स खोलने के बाद टैब कुंजी काम नहीं कर रही है

सबसे उपयोगी टिप्पणी

सभी 20 टिप्पणियाँ

संबंधित मुद्दों