Question

大家好我想尝试在两个主要容器（ID＃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)

然后它应该工作..

jquery UI draggable和droppable clone选项无法正常工作

1 个答案: