调整框大小后，不会让gridster序列化数据

我想在改变盒子的大小和位置后获得序列化数据。 但我只获得了加载细节。 如何在调整框大小后获取序列化数据。 而且我还想获​​得该框的文本（框中的值）。

这是我的代码：

$(function() { var gridster = $(".gridster > ul").gridster({ widget_margins: [10, 10], widget_base_dimensions: [230, 160], helper: 'clone', resize: { enabled: true, }, serialize_params: function($w, wgd) { return { id: $($w).attr('.drop'), col: wgd.col, row: wgd.row, size_x: wgd.size_x, size_y: wgd.size_y }; } }).data('gridster'); //serialization// var gridster = $(".gridster > ul").gridster().data('gridster'); gridData = gridster.serialize(); /*alert(gridData.toSource())*/ $('.js-seralize').on('click', function() { alert(gridData.toSource()); }); //delete// $(".del_img").click(function() { gridster.remove_widget($(this).parent()); }); }); 

请检查此链接

请帮忙。

提前致谢。

//也试过这样的事情//

 var finalserializer="["; $(.re_boxes).each(function(){ var xaxisval = $(this).attr("data-sizex"); var yaxisval = $(this).attr("data-sizey"); var colval = $(this).attr("data-col"); var rowval = $(this).attr("data-row"); var coltitle = $(this).children("a").text(); var currentfinal = "{col:"+colval+"row:"+rowval+"xsize:"+xaxisval+"ysize:"+yaxisval+"coltitle:"+coltitle+"}" finalserializer = finalserializer+currentfinal; }); finalserializer=finalserializer+"]" }); $('.js-seralize').on('click', function() { alert(gridData.toSource()) }); 

Answer 1

试试这个：

  var gridster = $(".gridster > ul").gridster().data('gridster'); gridData = gridster.serialize(); $('.js-seralize').on('click', function() { // alert(gridData.toSource()) var finalserializer="["; $('.re_boxes').each(function(){ var xaxisval = $(this).attr("data-sizex"); var yaxisval = $(this).attr("data-sizey"); var colval = $(this).attr("data-col"); var rowval = $(this).attr("data-row"); var coltitle = $(this).find("a").text(); var currentfinal = "{'col':"+colval+",'row':"+rowval+",'size_x':"+xaxisval+",'size_y':"+yaxisval+",'text:'"+coltitle+"}"; finalserializer = finalserializer+currentfinal; }); finalserializer=finalserializer+"]"; alert(finalserializer); });