बूटस्ट्रैप 4 मॉडल रिमोट डेटा लोड हो रहा है

ट्विटर बूटस्ट्रैप (v4 अल्फा) की नवीनतम रिलीज में, दूरस्थ सामग्री को एक में लोड करने की क्षमता मोडल हटा दिया गया है. यह कार्यक्षमता बूटस्ट्रैप 3 में मौजूद थी, लेकिन अब समर्थित नहीं है। 4, मॉडल बॉडी खाली रहती है और निर्दिष्ट को कोई अनुरोध नहीं भेजा जाता है URL.

Solution

इस समस्या को हल करने के लिए, आप दूरस्थ सामग्री को मैन्युअल रूप से मोडल बॉडी में लोड करने के लिए जावास्क्रिप्ट का उपयोग कर सकते हैं। यहां एक उदाहरण दिया गया है:

$('body').on('click', '[data-toggle='modal']', function(){ $($(this).data("target") ' .modal-body').load($(this).data("remote")); }); यह कोड data-toggle='modal' विशेषता के साथ सभी तत्वों के लिए एक इवेंट श्रोता को जोड़ता है। जब इनमें से किसी एक तत्व पर क्लिक किया जाता है, तो यह तत्व से डेटा-रिमोट मान पुनर्प्राप्त करता है और दूरस्थ सामग्री को मोडल बॉडी में लोड करने के लिए jQuery की .load() विधि का उपयोग करता है।

$('body').on('click', '[data-toggle="modal"]', function(){
        $($(this).data("target") ' .modal-body').load($(this).data("remote"));
    });