如何使用nestedSortable 序列化函数

Question

所以，我正在使用nestedSortable 插件，我需要使用“awesome_nested_set”gem 将数据发送回 Rails 应用程序。想用nestedSortable插件内置的serialize函数，但是不明白怎么用。

当我尝试在插件站点上使用 firebug 查看源代码时，我似乎找不到“序列化”演示发生的位置，所以我只是假设它是这样工作的，但事实并非如此：

$(document).ready(function() {
    $('ol.sortable').nestedSortable({
        disableNesting : 'no-nest',
        forcePlaceholderSize : true,
        handle : 'div',
        helper : 'clone',
        items : 'li',
        opacity : .6,
        placeholder : 'placeholder',
        revert : 250,
        tabSize : 20,
        tolerance : 'pointer',
        toleranceElement : '> div'
    });
    $("#send").click(function(){
        var data = $("ol.sortable").serialize();
        alert(data);
    });
});

感谢您的帮助！

Answer 1

我发现了它是如何工作的，所以我会为那些和我第一次使用它时一样困惑的人发布答案。

首先，您必须确保您的<li> 都有一个list_number 形式的ID。例如：

<ol class="sortable">
  <li id="books_1"><div>Oryx and Crake</div></li>
</ol>

其次，这是我最困惑的地方，因为我猜我没有使用足够的插件来看到这种东西，序列化函数是这样调用的：

$('ol.sortable').nestedSortable('serialize');

这对很多人来说可能真的很明显，但我不知道，如果你也不知道，希望这会有所帮助！