ractive sortable 错误

Question

我创建了一个演示来测试 Ractive 装饰器："ractive-decorators-sortable.js" 我想做的是一个简单的测试，看起来它不会对任何东西进行排序。它还给我以下错误："Uncaught TypeError: sourceKeypath.lastIndexOf is not a function"。这是我的代码：

<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>

感谢您的帮助。

Answer 1

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

Answer 2

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

Answer 3

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

与 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

ractive sortable 错误

error with ractive sortable

javascript

decorator

jquery-ui-sortable

ractivejs