عدم إعادة ترتيب الأصل المرن عند سحب الطفل المرن للخارج
https://stackoverflow.com//questions/23055742
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
أنا أستخدم 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
