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
}

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

jQuery UI Draggable - 删除后保留拖动能力

1 个答案: