javascript - Gridster，添加小部件时位置错误

Question

我正在将 Gridster 用于我的第一个 Javascript 项目，但遇到了问题。

当我向网格中添加一个小部件时，它没有到达我想要的位置，这里是 jsfiddle我的项目示例。

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

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

问题

我可以做什么来解决这个问题？

Answer 1

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

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