Nie można upuścić jquery ui helper na droppable

Question

Dlaczego ten kod nie pozwól mi upuścić pomocnika w regionie, który można zrzucić?

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

Czy można nawet rzucić pomocnika na kopertę?

Answer 1

Całkowicie można usunąć klon pomocnika, ale sam pomocnik (jak w przykładzie) nie może zostać upuszczony.

Oto jsFiddle wykazując upuszczenie sklonowany pomocnika: http://jsfiddle.net/jKabn/1/

Tutaj jest związany kod:

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

Pomocnik jest usuwany po spadku jest wykonany w jQuery. Aby go zachować, musisz usunąć przeciągane specyficzne css i pozycjonowanie, a także sklonować element. W jsFiddle istnieje również demonstracja upuszczenie „przeciągać” element jak również (nie, że to szczególnie istotne na Twoje pytanie właśnie dodanie go do siebie.)

nadzieję, że pomoże

Answer 2

jeden problem miałam mając element przeciągalny, który jest zbyt szeroki, aby mógł zostać zrzucony na element zrzucany, jeśli opcja tolerancji ma domyślną wartość "przecięcia".

"Przecięcie" oznacza, że ​​przeciągnięcie można zrzucić, gdy jego 50% znajduje się nad zrzucanym. A to niemożliwe, jeśli jest ponad dwa razy szersze.

Moje draggables miały wartość zmiennej, więc ich szerokość była zmienna i czy można je było zmieniać również. Zamiast tego użyłem "wskaźnika" i przechodzi tam, gdzie znajduje się mysz.