JQuery UI Drop Helper

Question

Используя jQuery и Jquery UI, у меня есть перетаскиваемая область, перетаскиваемый элемент имеет следующий помощник

  $(".draggable").draggable({
    revert: 'invalid',
    grid: [ 20,20 ],
    cursorAt: { top: -12, left: -20 },
    helper: function(event) {
      return $('<div class="helper"></div>');
    }
  });

Как я могу получить помощника, который будет added в область сброса?

Answer 1

После еще нескольких исследований и еще одного вопроса Я решил это.

В событии drop для элемента droppable вам нужно клонировать помощника, поскольку вы не можете отброситьреальный помощник, который отображается при перетаскивании.

$("#droppable").droppable({
  drop: function(event, ui) {
    var newDiv = $(ui.helper).clone(false)
      .removeClass('ui-draggable-dragging')
      .css({position:'absolute', left:0, top:ui.offset.top - 12});
    $(this).append(newDiv);
  }
});

Спасибо также Джейсону Бенсону .

Алан

Answer 2

во вспомогательной функции используйте

$(this).append('<div>somecontent</div>');