如何将网格从一个网格拖到另一个网格？

如何将一个网格从一个网格拖到另一个网格？如何将网格从一个网格拖到另一个网格？

$(function() { //DOM Ready 

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

    var gridster = $(".gridster ul").gridster().data('gridster'); 
    $(".draggable").draggable(); 
    $(".gridster ").droppable({ 
     drop: function(event, ui) { 
      $(".draggable").removeAttr("style"); 
      gridster.add_widget('<li class="new"></li>', 1, 1);     
     } 
    });       
});

来源

2013-06-06 Rachanna Panchal

有没有解决这个问题？我一直在努力做到这一点。 – ReSpawN

@Rachanna Panchal看到这个：[stackoverflow]（http://stackoverflow.com/a/19458629/1576040） –

有没有人有关于它的另一个想法？ – Pablo

您可以使用gridster API的remove_widget和add_widget函数来添加和删除小部件。

要查看一个小部件是否被拖动，您可以看到鼠标的起始位置是否已从在小部件上按下鼠标器时发生变化，与onmousedown事件相关，直到您释放点击时， onmouseup事件。比较开始和结束位置以查看我们是否拖动了一个小部件，然后如果我们确实这样做了，请检查我们是否通过将拖放位置与所有Gridster对象的偏移量进行比较来将其拖动到其他一个网格上。如果我们把它扔到任何其他gridsters，只需调用gridster元素是的remove_widget功能并调用gridster的add_widget功能应该插嘴说。

我已经做了大部分在此的jsfiddle，它给出了一些错误，可能是因为gridster.js仍处于测试阶段：http://jsfiddle.net/Ld2zc/11/

来源

2014-07-23 11:03:10

如何将网格从一个网格拖到另一个网格？

回答

相关问题