向列表中添加元素时的updateind序列化输出（Bushell的jQuery Nestable的攻击）

我入侵了David Bushell的Nestable jQuery插件，以构建一个用于添加/删除和排序与工作分配相关的用户的界面。 我们通常从一个预定义的列表开始，您可以对其进行排序，每次更改后输出都会序列化。您还应该添加新元素或从列表中删除现有元素，显然，序列化输出应该再次更新

带有HTML、CSS、JS的笔是

正如您所看到的，我正在复选框check/uncheck上添加/substaging元素，但我假设我还必须触发updateOutput函数。我被困在这里：当从列表中添加和删除元素时，如何让JS代码更新序列化输出

更新：

这就是它的工作原理：

$(':checkbox').click(function() {
  .....
}).on('change', function() {
    updateOutput($('#nestable').data('output', $('#nestable-output'))); 
}); 

但是，如果我模仿在脚本中初始化嵌套时使用的行为，它将不起作用。为什么?

$(':checkbox').click(function() {
  .....
}).on('change', updateOutput);