jQuery UI的可拖放克隆选项不起作用

Question

大家好，我正在尝试在两个主要容器（ids＃container1和container2）和其中的div项目的克隆之间进行拖放。 我正在使用jquery UI，到目前为止，我已经可以拖动两个项目。 但是我遇到以下问题

尽管我已经在＃container1中声明了项目的克隆帮助器，但是拖动行为仍然继承了原始div。

关于这是为什么的任何想法？

这是我的咖啡剧本

jQuery ->
  $container1 = $("#container1")
  $container2 = $("#container2")

  $("div", $container2).draggable({helper: "clone"})

  $("div", $container1).draggable()


  $container1.droppable
    accept: "#container2 div",
    drop: (event,ui) -> 
       $( this ).append(ui.draggable)

  $container2.droppable
    accept: "#container1 div",
    drop: (event,ui) -> 
      $(this).append(ui.draggable)       

Answer 1

这是因为，您定义了$container2 = $("#container2")

然后将其包含在$( )因此您可以尝试如下操作：

 $container1 = $("#container1")
 $container2 = $("#container2")

 $("div").draggable({helper: "clone"});
 $container2.draggable({helper: "clone"});  //----

 $("div").draggable();
 $container1.draggable();                 //----

 $container1.droppable
 accept: "#container2 div",
 drop: (event,ui) -> 
 $( this ).append(ui.draggable)
 $container2.droppable
 accept: "#container1 div",
 drop: (event,ui) -> 
 $(this).append(ui.draggable)   

那应该工作了。