Javascript Gridster，添加小部件时放置错误

我在第一个Javascript项目中使用Gridster，遇到了一个问题

当我将一个小部件添加到我的网格中时，它不会到达我想要的地方，下面是我的项目的一个示例

    $('#blockDroite').droppable({
        drop: function(e) {
            gridster.add_widget('<li class="widget"><div class="delete">X</div></li>', 1, 1);
        }
    });

$（'#blockDroite'）。可拖放({
删除：功能（e）{
添加小部件（“
X
”，1,1）；
}
});

当我在拖放区域中拖放时，会创建一个小部件，但不是在正确的位置。相反，它将其放置在网格之外。当我手动移动它时，它进入网格。当你添加一个新的小部件时，如果你把它放在第一列和第一行，你可以看到它在第一个小部件的后面

问题:

---

我能做些什么来解决这个问题

好的，我解决了我的问题，只是忘了将“gridster类”添加到我的ul。这个“gridster类”是在“jquery.gridster.css”中定义的

Drop区域

正是我的问题，尝试了很多东西。这救了我一天。谢谢兄弟。

    <div id="blockDroite" class="gridster">Drop zone