javascript - react 性可排序错误

标签 javascript decorator jquery-ui-sortable ractivejs

我创建了一个演示来测试 Ractive 装饰器:“ractive-decorators-sortable.js”,我认为这是一个简单的测试,看起来它不会对任何东西进行排序。它还给我以下错误:“Uncaught 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>

感谢您的帮助。

最佳答案

编辑:同时,它可能已修复

<小时/>

与 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

关于javascript - react 性可排序错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32254624/

相关文章:

jquery - 设置可以拖动到列表中的项目限制

python - 类型错误 : 'NoneType' object is not iterable when applying decorator to generator

python - python装饰器中的变量范围

python - 如何捕获像 mixin 这样的公共(public)类中的所有异常

javascript - 使用过滤器仅返回键的特定属性

jquery - 如何使用 jquery ui 可排序?

javascript - jQuery 多选可拖动/可排序

javascript - 改变 <li> 的背景颜色看起来很有趣

javascript - 从变量 JS 中减去值

javascript - 根据 Javascript 中的另一个对象过滤对象数组