2013-02-08 16 views
5

के साथ एकॉर्डन प्लगइन टकराव करता है पॉप-अप मोडल में सभी एग्रीजन का उपयोग करते समय मुझे समस्या का सामना करना पड़ता था (सभी ट्विटर बूटस्ट्रैप प्लगइन्स हैं)। जब भी कोई एग्रीजन ब्लॉक टॉगल किया गया तो मॉडल बंद हो गया है।ट्विटर बूटस्ट्रैप: मॉडल

उत्तर

8

Accordion पतन एक 'छुपा' घटना को आग लगती है, जो मॉडल प्लगइन के लिए भी वास्तविक है। तो, मोडल समापन को रोकने का एक तरीका है:

$(document).on('click', 'a.accordion-toggle', function(e) { 
    $(e.target).parent().siblings('.accordion-body').on('hidden', function(e) { 
     e.stopPropagation(); 
    }); 
}); 

आशा टोपी आपकी मदद करता है।

+0

लगभग काम किया। मेरे पास मेरे accordion (जो एक मोडल में है) में 2 आइटम हैं और जब मैं पहली बार मोडल खोलता हूं और फिर दूसरी आइटम (जो डिफ़ॉल्ट रूप से छिपा हुआ है) पर क्लिक करता है तो मेरा मोडल अभी भी बंद हो जाता है। – SheperdOfFire

+0

क्या आपके पास a.accordion-toggle के अंदर कोई टैग है? यदि हां, तो आपको स्टॉपप्रॉपेशन इवेंट को भी बांधना चाहिए। – JuliaCesar

+0

मैंने इसे पहले से ही समझ लिया, एचटीएमएल टैग को हटाने के लिए भूल गए। लेकिन आपकी प्रतिक्रिया के लिए धन्यवाद :) – SheperdOfFire

2

@JuliaCesar आपका जवाब मेरे लिए काम नहीं किया था, लेकिन यह मेरे लिए एक समाधान की ओर इशारा किया:

$('.collapse').on('hidden', function(e){ 
    e.stopPropagation(); 
}); 
संबंधित मुद्दे