将DIV从侧边栏与jQuery UI的

Question

表我beginer到js和jQuery和我需要一点点的帮助，如果有人能帮助我...

我要做些什么？

我想将div从侧栏拖到表格中。在侧边栏div必须只能拖动到表格。当我将div拖放到表格中时，表格中的div必须可以调整大小并再次拖动。

照片：

我尝试用这个代码，但不工作得很好：

$(function() { 
    $(".draggable").resizable(); 
    $(".draggable").draggable({revert: 'invalid', helper:'clone', snap: "#drop_here td", opacity: 0.7}); 
    $("#drop_here td").droppable({ 
     accept: '.draggable', 
     drop: function(event, ui) { 
     $(this) 
      .find("p") 
      .html("Dropped!"); 
     } 
    }); 
    }); 

DEMO及源代码：http://jsbin.com/erofot/17/edit | http://jsbin.com/erofot/17

Answer 1

这里是你如何能做到这一点，则：（更换你有jsbin使用此代码） jsbin

$(function() { 
    //$(".draggable").resizable(); 
    $(".draggable").draggable({ 
     revert: 'invalid', 
     helper:"clone", 
     snap: "#drop_here td", 
     opacity: 0.7 
    }); 
    $("#drop_here td").droppable({ 
     // accept only from left div, 
     // this is necessary to prevent clones duplicating inside droppable 
     accept: '#left .draggable', 
     drop: function(event, ui) { 
     // 4 append clone to droppable 
     $(this).append(
      // 1 clone draggable helper 
      $(ui.helper).clone() 
      // 2 make the clone draggable 
      .draggable({containment:"parent"}) 
      // 3 make the clone resizable 
      .resizable()); 
     } 
    }); 
    });