jquery - 序列化 jquery 可排序

Question

我已经在这个网站上挖掘并谷歌搜索了一段时间，但找不到解决我的问题的好方法。我希望能够在页面上保存 jquery portlet 的状态。如果可以避免的话，我宁愿没有“保存状态”按钮。

无论如何，我只是从他们的 portlet 示例中复制了 jquery 代码:

$(function() {
    $(".column").sortable({
        connectWith: '.column'
    });

    $(".portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all")
        .find(".portlet-header")
            .addClass("ui-widget-header ui-corner-all")
            .prepend('<span class="ui-icon ui-icon-minusthick"></span>')
            .end()
        .find(".portlet-content");

    $(".portlet-header .ui-icon").click(function() {
        $(this).toggleClass("ui-icon-minusthick").toggleClass("ui-icon-plusthick");
        $(this).parents(".portlet:first").find(".portlet-content").toggle();
    });

    $(".column").disableSelection();
});

我尝试添加 $(".column").serialize() 和 $(".column").sortable('serialize') 以及相同的内容如上所述，但使用 $(".portlet") 代替...我创建了一个变量并将其设置为序列化方法的值，但它什么也不返回。我做错了什么？

编辑:以下是内部包含 portlet 的列的代码:

 <div class="column" id="column_1">

<div class="portlet" id="portlet_1">

<div class="portlet-header">Times</div>
&nbsp Longest:
<div class="portlet-content">

<ChartFXGauge:DigitalPanel ID="LongestTimePanel" runat="server" >
</ChartFXGauge:DigitalPanel>
<p>
<a href="LongestORTime.aspx">(BySurgeon)</a>
</p>
</div>
</div>
</div>

Answer 1

我最终用这段代码解决了:

$(".column").each(function() {
alert($(this).sortable("toArray"));
});

它序列化每一列，而不是仅序列化第一列。