दिलचस्प पोस्ट
पर कॉन्फ़िगरेशन को नहीं कहा जा रहा है जावास्क्रिप्ट असिंक्रोनस रिटर्न वैल्यू / असाइनमेंट जे jQuery सीडी में iTextSharp का उपयोग कर पीडीएफ सामग्री पढ़ना मैं आईओएस 7 में प्रोग्राम अभिविन्यास कैसे सेट करूं? आरजीबी मूल्य के बजाय हेक्स रंग का मान कैसे प्राप्त करें? स्मृति विखंडन क्या है? जीसीसी के ## __ वीए_एआरजीएस_ चाल के मानक विकल्प? वाष्पशील बूलियन बनाम परमाणु बुलियन मानचित्र में प्रत्येक प्रविष्टि को प्रभावी ढंग से कैसे पुनरावृत्त करें? एक वर्ग के उदाहरण चर को छिपाते हुए स्ट्रिंग को java.util.Date कन्वर्ट करें आईएमजी एसआरपी एसवीजी फिल रंग बदल रहा है एक इनपुट फ़ील्ड का मान सेट करें PHP स्ट्रिंग को विस्फोट करते हैं, लेकिन एक शब्द के रूप में उद्धरण में शब्द का प्रयोग करते हैं क्या फ़ायरबेज 3 में टोकन के सर्वर साइड सत्यापन करना अभी भी संभव है?

ट्विटर बूटस्ट्रैप मोडल-बैकड्रॉप गायब नहीं हुआ है

मैं ट्विटर बूटस्ट्रैप मोडल संवाद का उपयोग कर रहा हूं जब मैं बूटस्ट्रैप मोडल संवाद के सबमिट बटन पर क्लिक करता हूं, तो यह एक AJAX अनुरोध भेजता है। मेरी समस्या यह है कि मोडल-बैकड्रॉप गायब नहीं होता है। मोडल डायलॉग सही ढंग से गायब हो जाता है, लेकिन इसके बजाय "मोडल-बैकड्रॉप इन" जो कि स्क्रीन पर अस्पष्टता बना रहता है

मैं क्या कर सकता हूँ?

वेब के समाधान से एकत्रित समाधान "ट्विटर बूटस्ट्रैप मोडल-बैकड्रॉप गायब नहीं हुआ है"

जब आप AJAX अनुरोध कर रहे हैं, तो आप वास्तविक मोडल विंडो वाले कंटेनर की जगह नहीं लेते हैं, क्योंकि बूटस्ट्रैप आपको इसे बंद करने का प्रयास करते समय कोई संदर्भ नहीं मिल पाएगा। आपके अजाक्स में पूर्ण हैंडलर मोडल हटा दें और फिर डेटा को प्रतिस्थापित करें।

यदि वह काम नहीं करता है तो आप उसे निम्न करने से हमेशा बाहर जाने के लिए बाध्य कर सकते हैं:

 $('#your-modal-id').modal('hide'); $('body').removeClass('modal-open'); $('.modal-backdrop').remove(); 

सुनिश्चित करें कि आपकी प्रारंभिक कॉल $.modal() को मोडल व्यवहार को लागू करने के लिए आपके इच्छित उद्देश्य से अधिक तत्वों में नहीं गुजर रहा है यदि ऐसा होता है, तो यह संग्रह में प्रत्येक तत्व के लिए, एक पार्श्व उदाहरण तैयार कर देगा, पृष्ठभूमि तत्व के साथ पूरा होगा। नतीजतन, यह लग सकता है कि पृष्ठभूमि को पीछे छोड़ दिया गया है, वास्तव में जब आप डुप्लिकेट में से किसी एक को देख रहे हैं

मेरे मामले में, मैं इस तरह से कुछ कोड के साथ- the-fly पर मॉडल सामग्री बनाने का प्रयास कर रहा था:

 myModal = $('<div class="modal">...lots of HTML content here...</div><!-- end modal -->'); $('body').append(myModal); myModal.modal(); 

यहां, समापन </div> टैग के बाद एचटीएमएल की टिप्पणी का मतलब था कि मेरीमॉडल वास्तव में दो तत्वों का एक jQuery संग्रह था – div, और टिप्पणी उनमें से दोनों कर्तव्य रूप से मोडल्स में बदल गए थे, जिनमें से प्रत्येक के अपने मूल तत्व तत्व थे। बेशक, टिप्पणी से बाहर किए गए मोडल पृष्ठभूमि से अलग अदृश्य थे, इसलिए जब मैंने वास्तविक मॉडल (डिवी) को बंद कर दिया तो ऐसा लग रहा था कि पृष्ठभूमि को पीछे छोड़ दिया गया था।

मैं सिर्फ इस समस्या पर बहुत लंबा रास्ता खर्च किया 🙂

जबकि प्रदान किए गए अन्य उत्तर उपयोगी और मान्य हैं, मुझे बूटस्ट्रैप से प्रभावी ढंग से छिपाने की कार्यक्षमता को प्रभावी ढंग से पुन: बनाने के लिए मेरे लिए थोड़ा गड़बड़ लग रहा था, इसलिए मुझे एक क्लीनर समाधान मिला।

समस्या ये है कि जब आप कॉल करते हैं तो घटनाओं की एक श्रृंखला होती है

 $("#myModal").modal('hide'); functionThatEndsUpDestroyingTheDOM() 

जब आप फिर AJAX अनुरोध के परिणामस्वरूप HTML का एक गुच्छा प्रतिस्थापित करते हैं, तो मोडल छुपाए जाने वाले ईवेंट समाप्त नहीं होते हैं। हालाँकि, बूटस्ट्रैप एक ईवेंट ट्रिगर करता है जब सब कुछ समाप्त हो जाता है , और आप उस में हुक कर सकते हैं:

 $("#myModal").modal('hide').on('hidden.bs.modal', functionThatEndsUpDestroyingTheDOM); 

आशा है कि यह उपयोगी है!

अपनी कार्रवाई बटन में यह डालें:

 data-backdrop="false" 

तथा

 data-dismiss="modal" 

उदाहरण:

 <button type="button" class="btn btn-default" data-dismiss="modal">Done</button> <button type="button" class="btn btn-danger danger" data-dismiss="modal" data-backdrop="false">Action</button> 

यदि आप इस डेटा-एंट को दर्ज करते हैं। मॉडेल-बैकड्रॉप दिखाई नहीं देंगे इसके बारे में इस लिंक पर प्रलेखन: http://getbootstrap.com/javascript/#modals-usage

यदि आप एक कॉपी का उपयोग कर रहे हैं और एक html जनरेट किया गया चयनकर्ता में getboostrap साइट से पेस्ट कर रहे हैं, तो सुनिश्चित करें कि आप '<! – /.modal ->' टिप्पणी को हटा दें बूटस्ट्रैप भ्रमित हो जाता है और सोचता है कि टिप्पणी एक दूसरा मोडल तत्व है। यह इस "दूसरे" तत्व के लिए एक और पीठ के ड्रॉप बनाता है

मुझे एक समान समस्या का सामना करना पड़ा: मेरी मोडल विंडो में, मेरे पास दो बटन हैं, "रद्द" और "ओके"। मूल रूप से, दोनों बटन $('#myModal').modal('hide') करके मोडल विंडो बंद कर देंगे $('#myModal').modal('hide') ("ओके" के साथ पहले कुछ कोड निष्पादित करना) और परिदृश्य निम्न होगा:

  1. मोडल विंडो खोलें
  2. कुछ परिचालन करें, फिर "ओके" पर क्लिक करके उन्हें मान्य करें और मोडल बंद करें
  3. मोडल फिर से खोलें और "रद्द करें" पर क्लिक करके खारिज करें
  4. मोडल को फिर से खोलें, "रद्द करें" पर फिर से क्लिक करें ==> पृष्ठभूमि अब तक पहुंच योग्य नहीं है!

अच्छी तरह से, मेरे साथी अगले डेस्क ने मेरा दिन बचाया: $('#myModal').modal('hide') को लागू करने के बजाय $('#myModal').modal('hide') , अपने बटन को विशेषता data-dismiss="modal" और "क्लिक करें" ईवेंट को अपने " जमा करने वाला बटन। मेरी समस्या में, बटन के लिए HTML (अच्छी तरह से, TWIG) कोड है:

 <button id="modal-btn-ok" class="btn" data-dismiss="modal">OK</button> <button id="modal-btn-cancel" class="btn" data-dismiss="modal">Cancel</button> 

और मेरे जावास्क्रिप्ट कोड में, मेरे पास है:

 $("#modal-btn-ok").one("click", null, null, function(){ // My stuff to be done }); 

जबकि "रद्द करें" बटन को "क्लिक" ईवेंट का श्रेय नहीं दिया जाता है मोडल अब ठीक से बंद हो जाता है और मुझे "सामान्य" पृष्ठ पर फिर से खेलना चाहिए। यह वास्तव में लगता है कि data-dismiss="modal" यह इंगित करने का एकमात्र तरीका होना चाहिए कि एक बटन (या जो भी DOM तत्व) को बूटस्ट्रैप मोडल को बंद करना चाहिए .modal('hide') विधि एक बहुत ही .modal('hide') तरीके से व्यवहार करने योग्य नहीं लगता है

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

.modal ( 'छिपाएं')

मैन्युअल रूप से एक मोडल छुपाता है मॉडल से पहले वास्तव में छुपा हुआ कॉलर पर लौटता है (यानी छुपी हुई । बी.एस..मॉडल घटना होने से पहले)

तो इसके बजाय

 $('#myModal').modal('hide'); $('#someOtherSelector').trigger('click'); 

कर

 $('#myModal').modal('hide'); $('#myModal').on('hidden.bs.modal', function() { $('#someOtherSelector').trigger('click'); }); 

तो आप "छिपाना" घटना समाप्त होने तक इंतजार करना सुनिश्चित करें।

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

समस्या को समय के साथ करना है, और फीका संक्रमण। यदि आप पिछले मोडल के लिए फ़ेड आउट संक्रमण से पहले एक मोडल दिखाते हैं, तो आपको यह लगातार पृष्ठभूमि समस्या दिखाई देगी (मोडल पृष्ठभूमि आपके रास्ते में स्क्रीन पर रहेगी)। बूटस्ट्रैप स्पष्ट रूप से कई युगपत मॉडल्स का समर्थन नहीं करता है, लेकिन यह एक समस्या है, भले ही आप छिपा रहे मोडल और आप दिखाए जा रहे मोडल समान हैं।

यदि यह आपकी समस्या का सही कारण है, तो इस मुद्दे को कम करने के लिए यहां कुछ विकल्प हैं I विकल्प # 1 यह निर्धारित करने के लिए एक त्वरित और आसान परीक्षण है कि क्या फ़ेड संक्रमण समय वास्तव में आपकी समस्या का कारण है।

  1. मोडल के लिए फ़ेड एनीमेशन अक्षम करें (डायलॉग से "फीका" वर्ग निकालें)
  2. इसे छिपाने और पुनः दिखाने के बजाय मोडल के टेक्स्ट को अपडेट करें
  3. समय तय करें ताकि यह मॉडल को तब तक नहीं दिखाएगा जब तक कि पिछले मॉडल को छिपा नहीं किया जा सके। ऐसा करने के लिए मोडल की घटनाओं का उपयोग करें http://getbootstrap.com/javascript/#modals-events

यहां कुछ संबंधित बूटस्ट्रैप समस्या ट्रैकर पोस्ट हैं। यह संभव है कि मैंने नीचे सूचीबद्ध की तुलना में अधिक ट्रैकर पोस्ट किए हैं।

यहां तक ​​कि मैं भी इसी तरह की समस्या में था, मेरे पास निम्न दो बटन थे

 <button id="confirm-delete-btn" >Yes, Delete this note.</button> <button id="confirm-delete-cancel" data-dismiss="modal">No</button> 

मैं कुछ एजेक्स ऑपरेशन करना चाहता था और उस एजेक्स ऑपरेशन की सफलता पर मॉडल को बंद करना था। तो मैंने यह किया।

 $.ajax({ url: '/ABC/Delete/' + self.model.get("Id") , type: 'DELETE' , success: function () { setTimeout(function () { self.$("#confirm-delete-cancel").trigger("click"); }, 1200); } , error: function () {} }); 

मैंने 'नहीं' बटन पर क्लिक करने की घटना को ट्रिगर किया था, जिसमें data-dismiss="modal" संपत्ति थी और यह काम 🙂

उपयोग:

 $('.modal.in').modal('hide') 

स्रोत

यह समाधान रूबी 3.x और एक js.erb फ़ाइल पर रूबी के लिए है, जो मोडल सहित डोम का हिस्सा पुनर्निर्माण करता है। यह चाहे काम करता है यदि AJAX कॉल मॉडल से या पृष्ठ के किसी अन्य भाग से आया है।

 if ($("#my-modal").attr("aria-hidden") === "false") { $("#my-modal").modal('hide').on('hidden.bs.modal', function (event) { functionThatEndsUpDestroyingTheDOM(); }); } else { functionThatEndsUpDestroyingTheDOM(); } 

शुरुआती बिंदु के लिए @BillHuertas के लिए धन्यवाद

updatepanel मुद्दा

मेरा मुद्दा अद्यतन पैनल प्लेसमेंट के कारण था मेरे पास अपडेट पैनल में संपूर्ण मॉडल था। यदि आप अपडेट पैनल के बाहर मोडल को घोषित करते हैं और बस कहते हैं, मोडल बॉडी, अपडेट पैनल में, फिर $ ('# myModalID')। मोडल ('छिपाना'); काम किया।

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

सुनिश्चित करें कि आपने bootstrap.js स्क्रिप्ट को अपने पृष्ठ में एक से अधिक बार शामिल नहीं किया है!

इस सवाल को देखने का एक अन्य बिंदु (मैं bootstrap.js संस्करण 3.3.6 का उपयोग कर रहा हूं)

जावास्क्रिप्ट में मैन्युअल रूप से मैन्युअल रूप से मैडल प्रारंभ करना गलत है:

 $('#myModal').modal({ keyboard: false }) 

और उपयोग करके

data-toggle="modal"

नीचे दिए गए उदाहरण की तरह इस बटन में (दस्तावेज़ में दिखाया गया है)

 <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">Launch demo modal</button> 

इसलिए परिणाम इसके दो उदाहरण बनाएँ

 <div class="modal-backdrop fade in"></div> 

मेरे एचडीएल के शरीर में संलग्न करें जब मॉडल खोलें ऐसा कारण हो सकता है जब फ़ंक्शन का उपयोग करके मोडल को बंद किया जा सकता है:

 $('#myModal').modal('hide'); 

यह केवल एक पृष्ठभूमि उदाहरण को हटाता है (ऊपर दिखाए गए अनुसार) ताकि पृष्ठभूमि गायब नहीं हो जाएगी। लेकिन अगर आप data-dismiss="modal" उपयोग करते हैं तो यह गायब हो जाता data-dismiss="modal" बूटस्ट्रैप दस्तावेज़ में दिखाने के रूप में html पर data-dismiss="modal" जोड़ें।

इसलिए मेरी समस्या का समाधान केवल जावास्क्रिप्ट में मैन्युअल रूप से मोडल को प्रारंभ करना है और डेटा विशेषता का उपयोग नहीं करना है, इस तरह से मैं मैन्युअल रूप से मैन्युअल रूप से बंद कर सकता हूं और data-dismiss="modal" सुविधाओं का उपयोग कर सकता हूं।

आशा है कि अगर आपको मेरे जैसी समस्या का सामना करना पड़ता है तो इससे मदद मिलेगी।

एफवाईआई के मामले में किसी को भी अभी भी इस पर चला जाता है … मैंने यह पता लगाने के लिए लगभग 3 घंटे बिताए हैं कि ऐसा करने का सबसे अच्छा तरीका निम्नानुसार है:

 $("#my-modal").modal("hide"); $("#my-modal").hide(); $('.modal-backdrop').hide(); $("body").removeClass("modal-open"); 

मोडल को बंद करने के लिए यह फ़ंक्शन बहुत ही अप्रभावी है

सुनिश्चित करें कि आप समान तत्व आईडी / अन्य जगहों का उपयोग नहीं कर रहे हैं, एक घटक के लिए जो मॉडल घटक से संबंधित नहीं है

यही है .. यदि आप अपने बटन की पहचान कर रहे हैं जो क्लास नाम 'मेरी मॉोडल' का उपयोग करते हुए मोडल पॉपअप को ट्रिगर करता है, तो सुनिश्चित करें कि उस समान नाम के कोई असंबद्ध तत्व नहीं हैं।

Asp.net में, jquery कमांड के बाद के पीछे कोड पर UpdatePanel के लिए एक अद्यतन जोड़ें। उदाहरण:

  ScriptManager.RegisterStartupScript(Page, Page.GetType(), "myModal", "$('#myModal').modal('hide');", true); upModal.Update(); 

शुद्ध MVC4 प्रोजेक्ट में मेरे पास एक अजाक्स। बेनिफ़ोर्म (परसंपूर्ण = "जोड़ पूर्ण" [अतिरिक्त कोड हटाए गए]) के अंदर मोडल पॉप अप (बूटस्ट्रैप 3.0) था। "जोड़" जावास्क्रिप्ट के अंदर मुझे निम्नलिखित कोड था। इसने मेरी समस्या हल की

$ ( '# MoreLotDPModal') को छिपाने ()।;

$ ("# moreLotDPModal")। डेटा ('bsmodal')। show = false;

$ ( 'शरीर') removeClass ( 'औसत से खोलने')।

( '। मोडल-पृष्ठभूमि')। $ हटाने ();

$ ( '# MoreLotDPModal') removeClass ( "में")।;

$ ('# moreLotDPModal')। एट्रर ('एरिया-छिपी', "सच");

मुझे भी यही समस्या थी। मुझे पता चला कि यह बूटस्ट्रैप और JQueryUI के बीच एक संघर्ष के कारण था

दोनों क्लास "क्लोज़" का उपयोग करते हैं एक या दूसरे में वर्ग को बदलने से यह ठीक होता है

मुझे यह बहुत ही समस्या थी

हालांकि मैं bootbox.js का उपयोग कर रहा था, इसलिए ऐसा करने के लिए कुछ ऐसा हो सकता था

किसी भी तरह से, मुझे एहसास हुआ कि इस मुद्दे को एक ही वर्ग के साथ एक तत्व होने के कारण किया जा रहा है क्योंकि उसके माता-पिता का है। जब इन तत्वों में से कोई एक मॉडल फ़ंक्शन को बाइंड करने के लिए उपयोग किया जाता है, तो समस्या तब होती है।

यानी यह वही है जो समस्या का कारण बनता है:

 <div class="myElement"> <div class="myElement"> Click here to show modal </div> </div> 

इसे बदल दें ताकि तत्व पर क्लिक किया जा सकता है उसी वर्ग के पास नहीं है क्योंकि यह माता-पिता, इनमें से किसी भी बच्चे या किसी अन्य पूर्वजों का है। यह संभवतः अच्छा अभ्यास है जब सामान्य रूप से ऐसा करने पर बाध्यकारी क्लिक फ़ंक्शन होते हैं।

मैं उल्का के साथ काम कर रहा हूं और मुझे एक ही समस्या है। मेरी बग का कारण यह था:

 {{#if tourmanager}} {{>contactInformation tourmanager}} {{else}} <a href="#addArtistTourmanagerModal" data-toggle="modal"><i class="fa fa-plus"></i> Tourmanager toevoegen</a> {{>addArtistTourmanagerModal}} {{/if}} 

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

समाधान: अगर-अन्य के बाहर मॉडल ले जाएं:

 {{#if tourmanager}} {{>contactInformation tourmanager}} {{else}} <a href="#addArtistTourmanagerModal" data-toggle="modal"><i class="fa fa-plus"></i> Tourmanager toevoegen</a> {{>addArtistTourmanagerModal}} {{/if}} 
 //Create modal appending on body myModalBackup = null; $('#myModal').on('hidden.bs.modal', function(){ $('body').append(myModalBackup.clone()); myModalBackup = null; }); //Destroy, clone and show modal myModalBackup = $('#myModal').clone(); myModalBackup.find('.modal-backdrop').remove(); $('#myModal').modal('hide').remove(); myModalBackup.find('.info1').html('customize element <b>1</b>...'); myModalBackup.find('.info2').html('customize element <b>2</b>...'); myModalBackup.modal('show'); 

बेला -> https://jsfiddle.net/o6th7t1x/4/

आपके डेटा-बैकड्रॉप विशेषता का प्रारंभिक मान हो सकता है

"स्थिर", "सच", "गलत"

स्थैतिक और सही मोडल छाया जोड़ें, जबकि झूठे छाया को अक्षम करते हैं, इसलिए आपको पहली बार झूठी क्लिक के साथ इस मान को बदलने की जरूरत है। इस तरह:

 $(document).on('ready',function(){ var count=0; $('#id-which-triggers-modal').on('click',function(){ if(count>0){ $(this).attr('data-backdrop','false') } count++; }); }); 

छिपाने के बजाय टॉगल का उपयोग करना, मेरी समस्या हल हो गई

मेरे पास मोडल पार्श्व स्क्रीन फ्रीज समस्या थी, लेकिन थोड़ी अलग परिदृश्य में: जब दो बार वापस मोडल प्रदर्शित किए जा रहे थे। जैसे पहले कुछ पुष्टिकरण करने के लिए पूछेंगे और 'पुष्टि करें' बटन क्लिक किए जाने के बाद, कार्रवाई एक त्रुटि भर जाएगी और दूसरा मोडल पॉपअप संदेश को पॉपअप करने के लिए प्रदर्शित किया जा रहा था दूसरा मोडल पृष्ठभूमि स्क्रीन फ्रीज होगा। वर्ग के नाम या तत्वों के आईडी में कोई संघर्ष नहीं था।

जिस तरह से समस्या को तय किया गया था, वह ब्राउज़र को समय के साथ निपटने के लिए पर्याप्त समय देने के लिए था। 'पुष्टि' के बाद कार्रवाई करने के तुरंत बाद, ब्राउज़र को 500 मिलीमीटर बताएं कि पहले मॉडल को छिपाने के लिए और पृष्ठभूमि आदि को साफ करें – फिर कार्रवाई को जो त्रुटि मोडल दिखाने में समाप्त होगा।

 <button type="button" class="btn btn-red" data-dismiss="modal" on-tap="_dialogConfirmed">Confirm</button> ... 

_dialog पुष्टि () फ़ंक्शन में निम्न कोड है:

  var that = this; setTimeout(function () { if (that.confirmAction) { (that.confirmAction)(); that.confirmAction = undefined; } }, 500); 

मैं अन्य समाधानों का अनुमान लगा रहा हूं क्योंकि उन्होंने ब्राउज़र को आवश्यक सफाई समय देने के लिए पर्याप्त अतिरिक्त समय लिया है।

https://github.com/twbs/bootstrap/issues/19385 से

मॉडल के शो / छिपाने के तरीके अतुल्यकालिक हैं इसलिए, कोड जैसे:

foo.modal("hide"); bar.modal("show"); अमान्य है। दिखाने के लिए कॉल करने से पहले तरीकों को दिखाने या छिपाने के लिए आपको दिखाए जाने / छिपाने के लिए इंतजार करना होगा (दिखाए गए / छिपी हुई घटनाओं को सुनकर, http://getbootstrap.com/javascript/#modals-events देखें)

मुझे यह समस्या थी जब मैंने एक ही मॉडल को दो बार बहुत तेजी से खोल दिया था, इसलिए एक आसान फिक्स देख रहा था कि यह पहले से ही दिखाया गया था, फिर इसे फिर से दिखाने के लिए नहीं:

 $('#modalTitle').text(...); $('#modalMessage').text(...); if($('#messageModal').is(':hidden')){ $('#messageModal').modal('show'); } 

इसे इस्तेमाल करे

 $('#something_clickable').on('click', function () { $("#my_modal").modal("hide"); $("body").removeClass("modal-open"); $('.modal-backdrop').remove(); }); 

यह मेरे लिए ठीक काम करता है।

मुझे भी ऐसी ही समस्या का समाधान करना पड़ा था। मैं बैकबोन के साथ संयोजन के साथ बूटस्ट्रैप का उपयोग कर रहा था, और मैं "इसे करें" बटन के क्लिक पर कब्जा कर रहा था, और फिर उन घटनाओं के प्रसार को रोक रहा था विचित्र रूप से, यह मोडल चले गए, लेकिन पृष्ठभूमि नहीं अगर मैं event.preventDefault () पर कॉल करता हूं लेकिन StopPropagation को कॉल नहीं करता, तो यह सब ठीक काम करता है

मेरे मॉडल के किसी भी बटन पर data-dismiss="modal" मेरे लिए काम किया मैं अपने बटन को एक .toggle() कॉल को आग लगाने के लिए कोणीय के साथ फ़ंक्शन बुलाता था और मोडल को बंद कर देता था, इसलिए मैंने फ़ंक्शन के अंदर एक .toggle() जोड़ा और यह अच्छी तरह से काम किया। (मेरे मामले में मैंने एक bootstrap modal का इस्तेमाल किया और कुछ angular इस्तेमाल किया, वास्तविक मोडल नियंत्रक नहीं)

 <button type="button" class="btn btn-primary" data-dismiss="modal" ng-click="functionName()"> Do Something </button> $scope.functionName = function () { angular.element('#modalId').toggle(); $.ajax({ ajax call }) }