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

好的，我解决了我的问题，只是忘了添加＆＃34; gridster类＆＃34;到我的 ul 。这个＆＃34; gridster类＆＃34;在＆＃34; jquery.gridster.css ＆＃34;

中定义

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