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

标签 javascript jquery gridster

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

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

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

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

问题

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

最佳答案

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

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

关于javascript - Gridster,添加小部件时位置错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24412423/

相关文章:

javascript - 如何实现滚动一点然后到达顶部时保持不变的div

Javascript全局变量仅在匿名函数内更新

javascript - 使用 Backbone Collection 时无法每次通过 Jquery 输出所有 JSON 项目

responsive-design - 如何让我的 gridster 响应

javascript - 使 gridster.js 瓦片粘在特定的网格位置(捕捉到网格)

javascript - react 并发 API 调用

javascript - 如何使用 switch case 将包含字符串的值放入数组中的正确对象中?

jQuery 键盘快捷键失灵

javascript - 选择具有类的精确组合的元素

javascript - 在 Gridster 上,拖动期间将小部件保持在鼠标下方