Jquery网格布局拖放调整大小

时间:2015-05-28 10:45:39

标签: jquery drag-and-drop resize

我正在尝试从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'的运行时间高度和宽度。如果有什么事请建议我提前谢谢.... !!!

1 个答案:

答案 0 :(得分:0)

您可以使用事件draggable.stop重新分配值,但是当它们的值小于您给出的余量时,可能会产生问题。