बूटस्ट्रैप मोडल खुला है या नहीं, तो मैं jquery मान्य

Question

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

तो यदि मैं मोडल खुला है तो मैं एक jquery विज्ञापन करना चाहता हूं ताकि मैं मान्य कर सकूं, क्या यह संभव है?

<script> 
$(document).ready(function(){ 

var validator =$('#form1').validate(
{ 
    ignore: "", 
    rules: { 

usu_login: { 
    required: true 
}, 
usu_password: { 
    required: true 
}, 
usu_email: { 
    required: true 
}, 
usu_nombre1: { 
    required: true 
}, 
usu_apellido1: { 
    required: true 
}, 
usu_fecha_nac: { 
    required: true 
}, 
usu_cedula: { 
    required: true 
}, 
usu_telefono1: { 
    required: true 
}, 
rol_id: { 
    required: true 
}, 
dependencia_id: { 
    required: true 
}, 
    }, 

    highlight: function(element) { 
$(element).closest('.grupo').addClass('has-error'); 
     if($(".tab-content").find("div.tab-pane.active:has(div.has-error)").length == 0) 
     { 
      $(".tab-content").find("div.tab-pane:hidden:has(div.has-error)").each(function(index, tab) 
      { 
       var id = $(tab).attr("id"); 

       $('a[href="#' + id + '"]').tab('show'); 
      }); 
     } 
    }, 
    unhighlight: function(element) { 
$(element).closest('.grupo').removeClass('has-error'); 
    } 
}); 

}); // end document.ready 

</script> 

Answer 1

बंद कर दिया रेस स्थिति @GregPettit उल्लेख से बचने के लिए उसे निकाल देता

$('#myModal').hasClass('in'); 

बूटस्ट्रैप in वर्ग कहते हैं, एक का उपयोग कर सकते हैं:

($("element").data('bs.modal') || {})._isShown // Bootstrap 4 
($("element").data('bs.modal') || {}).isShown  // Bootstrap <= 3 

जैसा कि Twitter Bootstrap Modal - IsShown में चर्चा की गई है।

जब मोडल अभी तक खोला नहीं है, .data('bs.modal') रिटर्न undefined, इसलिए || {} - जो isShown कर देगा (falsy) मूल्य undefined। यदि आप सख्तता में हैं तो ($("element").data('bs.modal') || {isShown: false}).isShown

Answer 2

आप उपयोग कर सकते हैं जब मोडल खुला है और जब

Answer 3

आप सीधे jQuery का उपयोग भी कर सकते हैं। यदि मोडल से पहले नहीं दिखाया गया है

$('#myModal').is(':visible'); 

Answer 4

$("element").data('bs.modal').isShown 

काम नहीं करेगा। आप एक अतिरिक्त शर्त जोड़ने की आवश्यकता होगी:

$("element").data('bs.modal') 

तो जवाब खाता पहली उपस्थिति को ध्यान में रखकर:

if ($("element").data('bs.modal') && $("element").data('bs.modal').isShown){ 
... 
} 

Answer 5

बूटस्ट्रैप-modal.js v2.2.0 पर:

($('element').data('modal') || {}).isShown