klonlama düğümü, sürüklemek istediğiniz öğenin bir kopyasını oluşturabilmek istiyorum:

Question

. Standart ui'yi sürükleyip bırakabilir kullanıyorum. Yardımcı klon seçeneğini biliyorum. ama bu bir kopya oluşturmuyor. sürüklenen öğe orijinal konumuna geri döndürülür.

Answer 1

Mark,

bu örneği deneyin:

 $(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()); 
       } 
     }); 

    }); 

Ve Html bu

 <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

için yeniden sürükleme gibi klon/kopyalama görünüyor gerçek için withDataAndEvents argüman ayarlamak:

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

Yorumlarınız

, söz

için

":,, bir kişinin benim gibi, bu soruyu bulacaksınız - Ben ayrı bir cevap olarak bırakacağız (henüz) yorum yapabilir değilim beri

Answer 3

Ama klonlanmış/bırakılan elemanın düştüğü aynı pozisyonda olmasını istiyorum. ? I bunu nasıl anlarım"

farklı SO söz konusu çözüm buldum, cevap bu çizgiyi değiştirmektir:

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

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

(değişim

için bunun için

Umarım yardımcı olur) ui.helper için ui.draggable.