Question

我创建了一个演示来测试Ractive装饰器：＆＃34; ractive-decorators-sortable.js＆＃34;而我所做的将是一个简单的测试，看起来不会对任何东西进行排序。它还给我以下错误：＆＃34; Uncaught TypeError：sourceKeypath.lastIndexOf不是函数＆＃34;。这是我的代码：

<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

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

该插件的当前版本显然有些陈旧，与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

Answer 2

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

Answer 3

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

ractive sortable

3 个答案: