gridster.js
有100
多个函数方法,我们将列举add_widget
resize_widget
remove_widget
remove_all_widgets
serialize serialize_changed
enable
disable
enable_resize disable_resize
这几个常用的函数,其余函数请查看文章结尾的连接。
.add_widget( html, [size_x], [size_y], [col], [row] )
参数
html
String | HTMLElement,需要被添加的单元格
size_x
Number,占几列
size_y
Number,占几行
col
Number,列起始位置
row
Number,行起始位置
返回值
HTMLElement
jquery对象
.resize_widget( $widget, [size_x], [size_y], [reposition], [callback] )
参数
$widget
需要调整单元格的jquery对象
size_x
需要调整的宽度(占几列)
size_y
需要调整的高度(占几行)
返回值
HTMLElement
被调整的单元格jquery对象
remove_widget( el, [callback] )
参数
el
HTMLElement,单元格的jquery对象
callback
移除单元格后的回调函数
返回值
Gridster
实例
.serialize( [$widgets] )
参数
$widgets
HTMLElement,单元格的jquery对象,如果不传默认为全部单元格
返回值
Array
相关单元格位置
.serialize_changed()
返回值
Array
创建一个对象数组,表示已更改位置的小部件的当前位置。
.enable(),允许拖动
返回值
Gridster 实例
.disable(),禁止拖动
返回值
Gridster 实例
http://dsmorse.github.io/gridster.js/docs/classes/Gridster.html