عقدة استنساخ على السحب

Question

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

Answer 1

والأقسام،

جرب هذا المثال:

        $(document).ready(function(){
        $(".objectDrag").draggable({helper:'clone'});  

        $("#garbageCollector").droppable({
            accept: ".objectDrag",
            drop: function(event,ui){
                    console.log("Item was Dropped");
                    $(this).append($(ui.draggable).clone());
                }
        });

    });

وعلى الاكواد يبدو مثل هذا

        <div class="objectDrag" 
        style="width:10%; color:white;border:black 1px solid; background-color:#00A">Drag me</div>

    <div id="garbageCollector" style="width:100%; height:400px; background-color:#333; color:white;"> Drop items on me</div>

Answer 2

وبما أنني لست قادرا على التعليق (حتى الآن) سأترك هذا الأمر إجابة منفصلة - في حالة شخص مثلي، سوف تجد هذا السؤال:

وبالنسبة للسؤال عن التعليق

واضاف "لكن أريد المستنسخة / عنصر انخفض ليكون في نفس الموقف وأسقطته. هل تعرف كيف يمكنني أن أفعل ذلك؟"

ولقد وجدت الحل في مختلف السؤال SO، والجواب هو تغيير هذا السطر:

   $(this).append($(ui.draggable).clone());

إلى

   $(this).append($(ui.helper).clone());

و(تغيير ui.draggable إلى ui.helper)

ونأمل أن يساعد.

Answer 3

لإعادة السحب استنساخ / نسخة، تعيين الوسيطة withDataAndEvents إلى <م> صحيح :

$(this).append($(ui.draggable).clone(*true*));