Question

我正在使用Jquery UI并创建拖放功能。我有div元素，可以拖动和克隆然后将拖动和克隆的元素附加到另一个由droppable id指定的div元素。它正常工作。我有问题，当我想拖动元素已被拖动，克隆和附加在droppable div

这是代码：

sub_type

这是js代码：

<div>
    <img id="droppable" class="ui-widget-header" alt="64x64" src=""> 
</div>  

<div class="row" id="element">
    <div  class="portlet ui-widget-content draggable" >
      <div class="panel-heading">
           <h3 class="panel-title">element1</h3>
      </div>
    </div>
    <div  class="portlet ui-widget-content draggable" >
        <div class="panel-heading">
           <h3 class="panel-title">element2</h3>
        </div>
    </div>
</div>

Answer 1

查看您的代码并运行它，我发现使用的ui未声明，导致执行放置操作时出错。只需在执行删除时传递ui引用即可解决问题。

 $('#droppable').droppable({
       accept      : ".draggable",
       drop        : function(event, ui)
      {
         var dropedItem = $(ui.draggable).clone();
         $(this).append($(ui.helper).clone());
      }
  });

查看工作演示here。

如何使用jquery ui再次拖动和克隆元素？

1 个答案: