2013-08-27 140 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