jQuery Draggable داخل مشكلة فيضان NicesCroll

Question

مرحبًا ، لدي قائمة بالعناصر القابلة للسحب التي تحتاج إلى إسقاط على Div مختلف.

أنا أستخدم nicescroll jQuery المكون الإضافي ولا يمكنني سحب الكائنات "خارج" من NicesCroll وأعتقد أن له علاقة مع الإفراط في أن يكون مخفيًا ولكن لا يمكنني جعلها تعمل.

ينطلق حدث الانخفاض عندما أتخلى عن الماوس فوق Div القابل للانخفاض.

أملك

//COMMENT ME OUT TO SEE THAT IT WORKS WHEN niceScroll IS NOT ENABLED
$("#external-sales-orders").niceScroll();

$(".external-event").draggable({
    revert: true

});

$("#droppable").droppable({
    drop: function(){
        alert("Dropped");
    }
});

ألق نظرة على هذا : http://jsfiddle.net/byk4j/2/

شكرًا!

Answer 1

حاول صنع استنساخ وإلحاقه بـ body:

$(".external-event").draggable({
    revert: true,
    appendTo: 'body',
    helper: 'clone'
});

كمان

تحقق من الوثائق AppendTO (): jQuery UI API.

يقوم AppendTo بتعيين العنصر الذي يجب إلحاق المساعد القابل للسحب أثناء السحب. بشكل افتراضي ، يتم تعيين هذا على الوالد العناصر.

تحديث:

اكتشف طريقة لتحقيق الوظيفة التي تريدها بالتوافق مع البرنامج المساعد اللطيف للتمرير. عندما يتم سحب العنصر ، فإنه يعين العنصر الأصلي إلى visibility:hidden لذلك لا يزال يتم الحفاظ على البقعة وبعد ذلك عندما يتم إسقاط العنصر ، يعود visibility. ها هي كمان محدث.