Javascript 如何使gridstack自动小部件停止向上移动？

我希望gridstack团队的健康状况会很好。。！ 我只想当我移动一个小部件时，其他小部件不会向上填充它的空白处。。！ 相反，我更希望当我移动一个小部件时，其他小部件保持在它们的位置，而不是向上填充新移动的小部件位置。。！ 我该怎么做？有人能告诉我吗。。？我试着到处检查和搜索，但要么没有得到它，要么没有得到它如何使它工作

 <script type="text/javascript">
 var jq=jQuery.noConflict();
    jq(document).ready(function (e) {
    jq('.upload').on('submit',(function(e) {
        e.preventDefault();
        var formData = new FormData(this);

        jq.ajax({
            type:'POST',
            url: jq(this).attr('action'),
            data:formData,
            cache:false,
            contentType: false,
            processData: false,
            success: function(data)
        {
          jq(".no_image").css("display", "none"),
          jq(".show_image").css("display", "block"),
          jq(".profile_photo").val(function(index, currentValue) {
    return currentValue + data;
});
      jq(".image").attr("src","client_images/"+data);
        },
            error: function(data){
                console.log("error");
                console.log(data);
            }
        });
    }));

    jq(".inputFile").on("change", function() {
        jq(".upload").submit();
    });
$(function () {
    var options = {
        cell_height: 70
    };
    $('.grid-stack').gridstack(options);
     this.grid = $('.grid-stack').data('gridstack');
      this.save_grid = function () {
                    this.serialized_data = _.map($('.grid-stack > .grid-stack-item:visible'), function (el) {
                        el = $(el);
                        var node = el.data('_gridstack_node');
                        return {
                            x: node.x,
                            y: node.y,
                            width: node.width,
                            height: node.height
                        };
                    }, this);
                     $.ajax
    ({
        type: "POST",
        //the url where you want to sent the userName and password to
        url: 'save_grid.php',
        async: false,
        //json object to sent to the authentication url

        data: {'positions': JSON.stringify(this.serialized_data, null, '    ')},
        success: function () {

        alert("Positions Saved!"); 
        }
    })

                }.bind(this);


                $('#save-grid').click(this.save_grid);

                this.load_grid();
});



});
</script>

var jq=jQuery.noConflict（）；
jq（文件）.就绪（功能（e）{
jq（'.upload'）。关于（'submit'，（函数（e））{
e、 预防默认值（）；
var formData=新formData（本）；
jq.ajax({
类型：'POST'，
url:jq（this.attr（'action'），
数据：formData，
cache:false，
contentType:false，
processData:false，
成功：功能（数据）
{
jq（“.no_image”）.css（“显示”、“无”），
jq（“.show_image”）.css（“显示”、“块”），
jq（“.profile_photo”）.val（函数（索引，当前值）{
返回当前值+数据；
});
jq（“.image”）.attr（“src”，“客户端图像/”+数据）；
},
错误：函数（数据）{
控制台日志（“错误”）；
控制台日志（数据）；
}
});
}));
jq（“.inputFile”）.on（“change”，function（）{
jq（“.upload”）.submit（）；
});
$（函数（）{
变量选项={
单元高度：70
};
$（'.grid stack'）.gridstack（选项）；
this.grid=$（'.grid stack'）。data（'gridstack'）；
this.save_grid=函数（）{
this.serialized_data=u.map（$（'.grid stack>.grid stack item:visible'），函数（el）{
el=$（el）；
变量节点=el.数据（“网格堆栈节点”）；
返回{
x:node.x，
y:node.y，
宽度：node.width，
高度：node.height
};
}，这个）；
$.ajax
({
类型：“POST”，
//要将用户名和密码发送到的url
url:“save_grid.php”，
async:false，
//要发送到身份验证url的json对象
数据：{'positions'：JSON.stringify（this.serialized_data，null'，）}，
成功：函数（）{
警报（“已保存位置！”）；
}
})
}.约束（本）；
$（“#保存网格”）。单击（this.save#u网格）；
这个。加载网格（）；
});
});

---

实时示例：

尝试在初始化选项中设置

float:true

。除非手动移动网格项，否则网格项不会向上移动或移动到任何位置

例如：

$(function () {
    var options = {
        cell_height: 80,
        float : true
    };
    $('.grid-stack').gridstack(options);
});

---

对不起，我上一次的评论是事后评论的一部分，现在你的答案有所改进。请注意，如果您有自己问题的正确答案，您可以将其标记为已接受答案@谢谢你帮助我的兄弟。。！