Làm thế nào để thả một draggable vào lưới điện

Question

Có ai biết nếu nó có thể thả một yếu tố kéo vào lưới? http://gridster.net/#documentation

Có vẻ như tuyệt vời cho mục đích của tôi, nhưng bạn có thể thêm chúng vào lưới bằng cách thả không?

Tôi muốn kéo hình ảnh vào lưới. Là có thể? Tôi có thể xem mẫu này không?

Nếu điều này là không thể, bạn có biết bất kỳ giải pháp thay thế nào không?

Tôi cần kéo hình ảnh vào các vị trí riêng biệt bên trong div và có thể lưu các vị trí cũng như di chuyển hình ảnh xung quanh bên trong canvas.

Answer 1

Bạn chắc chắn có thể làm điều đó. Nó chỉ là một vấn đề tuyên bố các yếu tố có thể kéo và phân hủy. Điều này jsfiddle sẽ cung cấp cho bạn một ý tưởng.

$(".gridster ul").gridster({ 
    widget_margins: [5, 5], 
    widget_base_dimensions: [50, 50] 
}); 

var gridster = $(".gridster ul").gridster().data('gridster'); 
$("#draggable").draggable(); 
$(".gridster ").droppable({ 
    drop: function (event, ui) { 
     $("#draggable").removeAttr("style"); 
     gridster.add_widget(
     '<li class="new"> 
      <img src="http://www.sparity.com/images/facebookIcon.jpg" alt="facebook"> 
     </li>', 1, 1); 

    } 
});