Sweetalert: बूटस्ट्रैप मोडल के शीर्ष पर उपयोग किए जाने पर इनपुट फ़ील्ड कार्यात्मक नहीं है

को निर्मित 29 जुल॰ 2015 · 22टिप्पणियाँ · स्रोत: t4t5/sweetalert

मैं वर्तमान में एक बूटस्ट्रैप मोडल के भीतर से स्वाल बुला रहा हूँ। ऐसा लगता है कि बटन काम करते हैं लेकिन स्वाल का इनपुट एक क्लिक को स्वीकार नहीं कर रहा है और न ही यह कभी फोकस करता है। मैं सोच रहा हूं कि यह एक ज्ञात मुद्दा है या संभवत: कुछ ऐसा है जो मैं कर रहा हूं।

स्रोत

mteichtahl

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

मैंने पाया कि अपराधी tabindex="-1" जो बूटस्ट्रैप के मोडल पर सेट है।

जोड़:

// 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 23 जुल॰ 2016

👍23 🎉5 😄2 👎1

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

मेरी भी यही समस्या थी। मैं जो कर रहा था वह modal.hide के साथ मोडल को 'छिपाना' था, swal खोलना, जो कुछ भी आपको inputValue के साथ चाहिए, उसे modal.show के साथ सफलता पर दिखाएं या swal को रद्द करें।
उम्मीद है की यह मदद करेगा।

KillerSquid 10 अग॰ 2015

सज्जन
मुझे इसके लिए एक फिक्स मिला। मैं इसे कल पोस्ट करूंगा

आउटलुक से भेजा गया

सोम, अगस्त 10, 2015 को सुबह 6:52 बजे -0700 बजे, "डैन कॉफ़मैन" नोटिफिकेशन @github.com ने लिखा:

उम्मीद है की यह मदद करेगा।

-
इस ईमेल का सीधे उत्तर दें या इसे GitHub पर देखें।

mteichtahl 10 अग॰ 2015

👍1

हाय मतीचतहल,

क्या आपने अभी भी फिक्स पोस्ट किया है? मुझे नहीं मिल रहा। वास्तव में मदद करेगा!

diederik555 11 दिस॰ 2015

नमस्ते,

स्वीट अलर्ट (साथ ही साथ Sweetalert2) के साथ भी यही समस्या है।
इनपुट फ़ील्ड को केवल फ़ायरफ़ॉक्स पर फ़ोकस नहीं मिलता है। यह तभी होता है जब बूटस्ट्रैप मोडल से एक स्वाल खोलते हैं।

समस्या का अभी पता नहीं चल सका है। बहुत अजीब।

YannDanthu 6 जून 2016

मुझे एक ही समस्या है ... किसी के पास कोई समाधान है?

Cu4rach4 19 जून 2016

नमस्ते, यह इनपुट प्लेसहोल्डर दिखाने की अनुमति देता है, लेकिन इनपुट पर ध्यान केंद्रित करने के लिए ठीक नहीं है ...

#537

Cu4rach4 19 जून 2016

मुझे एक ही समस्या है, ठीक नहीं मिल रहा है ...

lynnpen 15 जुल॰ 2016

S0c5 17 जुल॰ 2016

मैंने पाया कि अपराधी tabindex="-1" जो बूटस्ट्रैप के मोडल पर सेट है।

जोड़:

// 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 23 जुल॰ 2016

👍23 🎉5 😄2 👎1

मेरे पास लगभग समान समस्या है, सिवाय इसके कि यह तब होता है जब मोडल इतना लंबा होता है कि यह वाई-अक्ष पर स्क्रॉल करने योग्य होता है।

timm3 28 जुल॰ 2016

कृपया मेरी मदद करें...

eminumut 31 दिस॰ 2016

दालचीनी का टैब फिक्स मेरे काम नहीं आया :(

navas 14 मार्च 2017

👎2

+1
@eminumut @navas
क्या आपने स्वाल दिखाने से पहले फिक्सबूटस्ट्रैपमोडल () कहा है? मैं इसे पहले करना भूल गया था, लेकिन अब पूरी तरह से काम करता है!

धन्यवाद @Cinamonas

Alagaesia93 5 अप्रैल 2017

@ अलागेसिया93

क्या आप मुझे कुछ उदाहरण दिखाएंगे?

eminumut 9 अप्रैल 2017

@eminumut

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

इससे मेरा काम बनता है :)

Alagaesia93 11 अप्रैल 2017

फिक्स IE11 में एक सिंटैक्स त्रुटि उत्पन्न करता है

caleb87 27 जून 2017

👎1

@ caleb87 , मैंने तीर कार्यों और const का उपयोग न करने के लिए स्निपेट को अपडेट किया है।

Cinamonas 28 जून 2017

👍1

यह बूटस्ट्रैप के साथ एक मुद्दा प्रतीत होता है इसलिए मैं अभी के लिए बंद कर दूंगा। @Cinamonas को ठीक करने के लिए धन्यवाद!

t4t5 8 सित॰ 2017

हाय, मुझे एक ही समस्या का सामना करना पड़ा है।
बूटस्ट्रैप मोडल से { tabindex="-1" } को हटाकर इस समस्या को हल किया जा सकता है।
यह मेरे लिए ठीक काम है।

gopal9999 14 दिस॰ 2017

👍1

क्या कोई जानता है कि इस फिक्स को आर में कैसे लागू किया जाए? मुझे एक ही समस्या हो रही है, लेकिन इसे R में बदलने के मेरे प्रयास अब तक विफल रहे हैं

ghost 14 जन॰ 2018

मैंने पाया कि अपराधी tabindex="-1" जो बूटस्ट्रैप के मोडल पर सेट है।

जोड़:

// 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');
}

प्रतिभावान

jhoanborges 25 मार्च 2019

उन लोगों के लिए जिनके पास एक से अधिक मोडल हैं, आप इसका उपयोग कर सकते हैं:
दस्तावेज़ सेम शीर्षक (1).pdf

MateusFGoncalves 27 मई 2019

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

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

Sweetalert: बूटस्ट्रैप मोडल के शीर्ष पर उपयोग किए जाने पर इनपुट फ़ील्ड कार्यात्मक नहीं है

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

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

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