jQuery的UI可拖動和可拖拽克隆選項不工作

Question

大家好我想要啓用兩個主容器（ids＃container1和container2）之間的拖放和其中的div項的克隆。我正在使用jQuery的用戶界面，到目前爲止我能夠拖動這兩個項目。不過，我遇到以下問題

儘管我已經爲＃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) 

然後它應該是工作..