2013-08-27 176 views
1

我有4個動態生成的表。每個單元格中有兩個div(td)。所有的divs都可以下載。我不知道爲什麼,但只有第二個div接受可拖動,第一個回覆它。兩個div之間沒有什麼不同(除了有一個「虛線」類)。jQuery UI可拖動回覆

這裏是jsbin: http://jsbin.com/OMIbOGU/22/edit

JS

$("document").ready(function(){ 

    function init(){ 
    var table = $("<table></table>"); 
    $("body").append(table); 
    for(var i=0 ;i < 9; i++){ 
     var row = $("<tr></tr>"); 
     var cell = $("<td></td>"); 
     for(var j = 0;j<2;j++){ 
     var slot = $("<div></div>").addClass('slot'); 

     slot.droppable({ 
      accept: ".unassigned" 
     }); 

     if (j!==1) 
      slot.addClass("dotted"); 
     cell.append(slot); 
     } 
     row.append(cell);  
     table.append(row); 

    } 

    $(".unassigned").draggable({ 
     revert: "invalid", 
     snap: "td div" 
    }); 
    } 
    for(var i = 0 ; i<4;i++) 
    init(); 
}); 

回答

0

如果添加

tolerance: 'touch' 

到它的工作原理可放開。它指向的是比腳本更多的css問題。

Updated JS BIN