gridster.js resize_widget 修改单元格大小

gridster.js 提供了 resize_widget 函数可以修改某个单元格的大小,

resize_widget

参数
 $widget 需要调整单元格的jquery对象
 size_x需要调整的宽度(占几列)
 size_y 需要调整的高度(占几行)
返回值
 HTMLElement被调整的单元格jquery对象

代码例子

// 占4列
var size_x = 3;
// 占1行
var size_y = 1;
// 改变第1个元素的大小,不管设置第三个参数 true false都会把第2个单元格挤下去
// 应该插件有BUG
//gridster.resize_widget(gridster.$widgets.eq(0),size_x, size_y,true);

//下面第2个单元格不会挤下去
gridster.expand_widget(gridster.$widgets.eq(1), 1, 1, 4);
gridster.resize_widget(gridster.$widgets.eq(0), size_x, size_y, true);

在线试一试