jQuery UI Draggable - 拖放后保持可拖动性

Question

我有一个物品清单。我想将一个项目的克隆从列表中拖到一个表中——到目前为止一切都很好。

当项目被拖到表格时，我希望能够将该项目拖到表格中的不同单元格。我希望有人可以帮助解决这个问题。我到目前为止的代码如下：-

$('.drag').draggable({
      cursor:'move',     
      helper:'clone'
});

$('.dog_drop').droppable( {
      drop: handleDropEvent   
  } );

function handleDropEvent( event, ui ) {
  var draggable = ui.draggable;
  $(ui.draggable).clone().appendTo($(this)),      
  // ajax in here
}

如果您能提供任何建议，我将不胜感激。

非常感谢提前 菲尔

Answer 1

您想找到新的附加项并在其上运行 draggable() 函数。

例如，如果 .drag 项目是一个链接，您可以执行以下操作：

$('.drag').draggable({
  find: '.dog_drop',
  cursor:'move'
});

$('.dog_drop').droppable( {
    drop: handleDropEvent
  } );

function handleDropEvent( event, ui ) {
    var $this = $(this);
    $this.append(ui.draggable);

    $('.dog_drop').find('div:last').draggable({
      cursor:'move'
    });  

  // ajax in here
}

确保选择最后一个项目，以便它可以处理多个项目。