3

所以，我正在使用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);
    });
});

谢谢你的帮助！

4

1 回答 1

14

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

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

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

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

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

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

于 2011-12-03T00:51:19.783 回答