Atılabilir konumda jquery ui yardımcısını düşüremiyor

Question

Bu kod neden yardımcısını bırakılabilir bölgeye bırakmama izin vermiyor?

$(".product").draggable({ 
    revert: 'invalid', 
    cursorAt: { top: -12, left: -20 }, 
    helper: function(event) { 
     return $('<div class="product_helper"></div>'); 
    } 
    }); 
    $(".droppable").droppable({ 
    accept: '.product_helper', 
    drop: function(event, ui) { 
     $(this).append(ui.helper); 
    } 
    }); 

Bir yardımcıyı düşürülebilir bir yere bırakmak bile mümkün mü?

Answer 1

Yardımcının bir klonunu bırakmak tamamen mümkündür, ancak yardımcı kişinin kendisi (örneğinizde olduğu gibi) bırakılamaz.

İşte jsFiddle bir klonlanmış yardımcı bırakarak gösteren var: http://jsfiddle.net/jKabn/1/

İşte ilgili kod: damla jquery yürütülür sonra

$(".product").draggable({ 
    revert: 'invalid', 
    cursorAt: { top: -12, left: -20 }, 
    helper: function(event) { 
     return $('<div class="helper">Helper</div>'); 
    } 
    }); 
    $(".droppable").droppable({ 
    drop: function(event, ui) { 
      //clone and remove positioning from the helper element 
      var newDiv = $(ui.helper).clone(false) 
       .removeClass('ui-draggable-dragging') 
       .css({position:'relative', left:0, top:0}); 

      $(this).append(newDiv); 
    } 
    }); 

yardımcı kaldırılır. Bunu devam ettirmek için, sürüklenebilir belirli css'yi ve öğeyi klonlamanın yanı sıra konumlandırmanız gerekir. jsFiddle yılında aynı zamanda "sürüklenebilir" elemanını bırakarak bir gösteri var (ben sadece kendim için eklemeden edildi Sorunuza özellikle ilgili değildi o.) Ben

Answer 2

bir sorun olur

Umut Tolerans seçeneğinin varsayılan değeri 'kesişiyor' ise, sürüklenebilir bir öğeye bırakılacak çok geniş bir sürükleme elemanına sahip olmak.

'Kesişme', sürüklenebilenin% 50'sinin üzerinde olduğunda sürüklenebilir bırakılabilir anlamına gelir. Ve bu iki kattan fazla genişlemesi imkansız.

Sürüklenebilir öğelerim değişken bir değere sahipti, bu nedenle bunların genişliği değişti ve düşürülüp düşürülemeyecekleri de değişti. Bunun yerine 'işaretçi' kullandım ve farenin olduğu yere gider.