jquery - 如何使用nestedSortable序列化函数

Question

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

当我尝试在插件网站上使用 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>每个都有一个 id，格式为 list_number。例如:

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

第二，这是最让我困惑的，因为我想我还没有使用足够的插件来看到这种事情，序列化函数是这样调用的:

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

这对很多人来说可能是显而易见的，但我不知道，如果您也不知道，希望这会有所帮助!