عدم إعادة ترتيب الأصل المرن عند سحب الطفل المرن للخارج
سؤال
أنا أستخدم css3 flex box
وفاق و jQuery UI
السحب والإسقاط.
على الرغم من أنني تقدمت بطلب justify-content:space-around;
إذا قمت بسحب طفل مرن وإسقاطه خارج المحتوى المرن، فلن يتم إعادة ترتيب بقية العناصر من أجل احترام justify-content
ملكية.
افحص هذا JSFiddle
أريد أن تعيد العناصر ترتيب نفسها بعد سحب العنصر للخارج (إعادة الترتيب إلى flex-start
, flex-end
center
أو أيا كان...أريدهم أن يتدفقوا بمجرد إزالة العنصر)
كيف يمكنني اصلاح هذا؟
المحلول
يبدو أنني وجدت المشكلة بنفسي بعد بعض الفحص.
تعمل واجهة مستخدم jQuery ببساطة على تغيير موضع العنصر الذي يتم سحبه وإسقاطه.يبقى داخل الأصل حتى بعد سقوطه إلى آخر يمكن إسقاطه.ومن هنا يبدو المغلق flex
لا يتم إعادة ترتيب العناصر ...
الحل هو فصل المادة القابلة للسحب يدويًا وإلحاقها بالقابلة للإفلات drop
حدث مثل
ui.draggable.detach().appendTo($(this)); //where this refers to the droppabe