Jquery Grid 布局拖放调整大小

Question

我正在尝试从 http://gridster.net/ 拖放可调整大小的布局。到目前为止，拖放和调整大小都可以正常工作

<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1"></li>
<li data-row="2" data-col="1" data-sizex="1" data-sizey="1"></li>
<li data-row="3" data-col="1" data-sizex="1" data-sizey="1"></li>

<li data-row="1" data-col="2" data-sizex="2" data-sizey="1"></li>
<li data-row="2" data-col="2" data-sizex="2" data-sizey="2"></li>

<li data-row="1" data-col="4" data-sizex="1" data-sizey="1"></li>
<li data-row="2" data-col="4" data-sizex="2" data-sizey="1"></li>
<li data-row="3" data-col="4" data-sizex="1" data-sizey="1"></li>

<li data-row="1" data-col="5" data-sizex="1" data-sizey="1"></li>
<li data-row="3" data-col="5" data-sizex="1" data-sizey="1"></li>

<li data-row="1" data-col="6" data-sizex="1" data-sizey="1"></li>
<li data-row="2" data-col="6" data-sizex="1" data-sizey="2"></li>
</ul>
</div> 
<script>
    $(function(){ //DOM Ready

    $(".gridster ul").gridster({
    widget_margins: [10, 10],
    widget_base_dimensions: [140, 140]
    });

    }); 
</script>

但在运行时，'ul' 会根据项目列表获取高度、宽度和位置的样式。我想覆盖 'ul' 的运行时高度和宽度。如果有任何事情请提前建议我谢谢....!!!

Answer 1

您可以使用事件 draggable.stop 重新分配值，但是当它们的值小于您给定的边距时，这可能会产生问题。