وتطاول html الجسم/div/كل شيء

Question

لقد جعل فئة من العناصر القابلة للسحب مثل هذا

jQuery(".drag").draggable();

jQuery(".drop").droppable({
accept: ".drag",

drop: function(ev, ui) {
//do stuff with dropped data

    }
});

الآن المشكلة ، أنا قادرة على سحب العناصر من الجسم وفي جميع أنحاء html.كيف يمكنني تحديد المنطقة التي القابلة للسحب?

Answer 1

http://docs.jquery.com/UI/Draggable#option-containment

يقيد سحب إلى داخل حدود العنصر المحدد أو المنطقة.ممكن سلسلة القيم:'الأم', 'الوثيقة', 'window', [x1, y1, x2, y2].

على سبيل المثال:

تهيئة قابل للسحب مع احتواء الخيار المحدد.

$('.selector').draggable({ containment: 'parent' });

أو في حالة المشكلة هي أن قابل للسحب يمكن وضعها في كل مكان:

http://docs.jquery.com/UI/Draggable#option-revert

إذا تم تعيين إلى true ، عنصر والعودة إلى وضعية البدء عند سحب توقف.ممكن سلسلة القيم:'صالح', 'صالح'.إذا تم تعيين إلى باطل ، تعود لن تحدث إلا إذا كان قابل للسحب لم يتم إسقاط على droppable.عن صالح ، إنه على العكس من ذلك.

و أخيرا, لا أراك تحديد نطاق قابل للسحب (تحرير:ولكن ذلك لن إصلاح المشكلة ، وغيرها من الأشياء 2 أعلاه):

http://docs.jquery.com/UI/Draggable#option-scope

تستخدم مجموعة مجموعات قابل للسحب و droppable البنود, بالإضافة إلى droppable هو قبول الخيار.قابل للسحب مع نفس نطاق قيمة droppable سوف تكون مقبولة من قبل droppable.

على سبيل المثال:

تهيئة قابل للسحب مع نطاق الخيار المحدد.

$('.selector').draggable({ scope: 'tasks' });