反应式可排序错误答案

【问题标题】：error with ractive sortable反应式可排序错误
【发布时间】：2015-08-27 16:14:40
【问题描述】：

我创建了一个演示来测试 Ractive 装饰器：“ractive-decorators-sortable.js”，我认为这是一个简单的测试，看起来它不会对任何东西进行排序。它还给我以下错误：“未捕获的 TypeError：sourceKeypath.lastIndexOf 不是函数”。这是我的代码：

<body>
  <h1>Ractive sort</h1>
  <div id='container'></div>

  <script id='template' type='text/ractive'>
  <ul class="reorderable browsers">
      {{#list}}
        <li decorator='sortable'>{{.}}</li>
      {{/list}}
  </ul>
  </script>

  <script>
    var ractive = new Ractive({
    el: '#container',
    template: '#template',
    data:  { list: [ 'Firefox', 'Chrome', 'Internet Explorer', 'Opera',               'Safari', 'Maxthon' ] }
    });
  </script>
</body>

感谢您的帮助。

【问题讨论】：

标签： javascript decorator jquery-ui-sortable ractivejs

【解决方案1】：

编辑：同时，它可能已修复

与 ractive 相比，该插件的当前版本显然有点旧并且不是最新的。

同时，您可以使用社区提供的这个：

https://github.com/Skyrpex/ractive-decorators-sortable

这似乎适用于 Ractive 0.7（但还不是 0.8）：

http://jsfiddle.net/wn9fnev9/

Somehow, putting a jsfiddle requires adding code ...silly

【讨论】：

【解决方案2】：

这应该在最新版本的插件中得到修复。

【讨论】：

【解决方案3】：

这似乎是插件中的一个错误。 2014 年 5 月提出，仍未解决。如果使用插件提供的版本以外的任何其他版本的 ractivejs (Ractive - v0.3.9 - 2013-12-26)，它不会拖动并且会出错。请参阅：https://github.com/ractivejs/Ractive-decorators-sortable/issues/3。太糟糕了，我想我将不得不使用 HTML5 或 JQueryUI。

【讨论】：