Bootstrap 4 Modal Remote Data Loading

في الإصدار الأخير من Twitter Bootstrap (v4 alpha)، القدرة على تحميل المحتوى عن بعد إلى تمت إزالة مشروط. كانت هذه الوظيفة موجودة في Bootstrap 3، ولكنها لم تعد مدعومة.

المشكلة

عند محاولة استخدام سمة data-remote لتحميل المحتوى البعيد إلى شكل مشروط في Bootstrap 4. يظل نص النموذج فارغًا ولا يتم إرسال أي طلب إلى المحدد URL.

الحللحل هذه المشكلة، يمكنك استخدام JavaScript لتحميل المحتوى البعيد يدويًا في النص المشروط. إليك مثال:

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

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

ملاحظة:

تمت إزالة الخيار البعيد المهمل في Bootstrap 4 ويوصى بتنفيذه باستخدام القوالب من جانب العميل، أو أطر ربط البيانات، أو عن طريق استدعاء jQuery.load() يدويًا كما هو موضح فوق.